使用Angular 5 Form Group和Array更新数据

Question

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

我可以在单击 "Add" 按钮时附加一个新的表单实例，但是 updateBins() 函数在保存数据时应该如何工作（在新表单中或添加形式）。为如何 link 两者结合而苦苦挣扎。

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>

Using Angular 5 Form Group and Array to update data