使用Angular 5表单组和数组更新数据

Question

我正在使用Angular FormGroup和FormArray来允许用户添加FormGroup的新实例并编辑当前的Forms。我无法弄清楚如何更新数据。见这里.. https://stackblitz.com/edit/form-array-patch-jfb9f8?file=app/app.component.html

我可以在单击“添加”按钮时附加表单的新实例，但是updateBins()功能在保存数据时应该如何工作（以新表单或添加的形式）。苦苦思索如何将两者联系在一起。

Answer 1

你几乎就在那里，只需要做一些改变：

1）将FormGroup推送到FormArray

this.binsFormArray.controls.push(this.createBin(newBin));

应该是

this.binsFormArray.push(this.createBin(newBin));

2）显示表格值

<pre>{{ bins | json }}</pre> 

应该是

<pre>{{ binsForm.value | json }}</pre>