Я не могу добавить группу угловых реактивных форм в FormArray.См. Код ниже.
Home.ts
ngOnInit(){
this.myForm = this.formBuilder.group({
items: this.formBuilder.array([])
});
this.addItemsToForm();
console.log("form----- "+JSON.stringify(this.myForm.value))
}
addItemsToForm(){
const arrayControl = <FormArray>this.myForm.get('items')
arrayControl.push(
this.formBuilder.group({
hazardStatus: ["dsad"],
})
)
}
Home.html
<form [formGroup]="myForm">
<div formArrayName="items">
<div *ngFor="let model of items; let k = index;" no-padding style="background-color:transparent">
{{items.length}}
<div [formGroupName]="k">
{{items.length}}
<ion-item>
<ion-label item-left stacked>
{{model.hazardStatus}}
</ion-label>
</ion-item>
</div>
</div>
</div>
</form>
Мои журналы показываетзначение формы {"items":[{"hazardStatus":"dsad"}]}
Однако форма не отображается.