Мой код отлично строится и работает в режиме разработки. Когда я строю для производства, я получаю эту ошибку в этой строке:
<div *ngFor="let child of form.controls.emailsArray.controls; let i=index">
Форма строится так:
public form: FormGroup;
private control: FormArray;
private emailsModel = { emails: ['','','','','']} // the model, ready to hold the emails
private fb : FormBuilder;
constructor() {}
ngOnInit() {
this.fb = new FormBuilder;
this.form = this.fb.group({
emailsArray: this.fb.array([])
});
this.control = <FormArray>this.form.controls['emailsArray'];
this.patch();
}
private patch(): void {
// iterate the object model and extra values, binding them to the controls
this.emailsModel.emails.forEach((item) => {
this.control.push(this.patchValues(item));
})
}
private patchValues(item: string): AbstractControl {
return this.fb.group({
email: [item, Validators.compose([emailValidator])]
})
}
Итак, как мне сослаться на эти дочерние элементы управления в html?
Примечание: похоже на этот вопрос , за исключением того, что моя ошибка возникает в HTML, а не в машинописном тексте.