this.form = this.formBuilder.group({
conditions: this.formBuilder.array([])
});
Есть функция, которая добавляет новые значения в форму
public add() {
(this.form.get('conditions') as FormArray).push(this.addField());
}
public addField(field?: Conditions) {
return this.formBuilder.group({
key: [(field && field.key) ? field.key : 'transactions_ids', Validators.required],
value: [(field && field.value) ? field.value : null, Validators.required],
});
}
Вот шаблон:
<form [formGroup]="form">
<div formArrayName="conditions">
<div *ngFor="let item of conditionsArray.controls; let i = index">
<ng-container [formGroupName]="i">
<app-select
[items]="selectedConditions"
itemLabel="title"
itemValue="id"
formControlName="key"
[hideSelected]="true"
(change)="changeCond($event, i)"
>
</app-select>
<app-textarea formControlName="value"></app-textarea>
Проблема вот такая: если я создам 2 поля (например) и во втором начну заполнять value то оно не сохраниться пока не создам третье поле (то есть value будет null)
В чем проблема?
gist.github.com
Обсуждают сегодня