1

请查看相关plunker

https://plnkr.co/edit/f0BxpinhuqVz8o6IIFaL?p=preview

stack overflow makes you put code if a plunker is linked
but it is too much code to copy paste here it would just
look messy so I a am putting this comment instead.

如果您运行它然后单击添加按钮，则会将新条目添加到数组中，但表单视图不会反映表单状态，而是第一个条目被复制并且最后一个条目消失了。

如果有人对我做错了什么有任何想法或指导，我将非常感激，因为我一直被困在一个看似简单的任务上。

我尝试尽可能接近官方的 Angular Reactive Forms 指南来构建这个示例。

4

1 回答 1

5

似乎 Angular 无法跟踪formArray. 这可以通过使用来解决trackBy。使用函数将其添加到您的迭代中：

<div *ngFor="let detail of detailArray.controls; let i=index; trackBy:trackByFn" [formGroupName]="i">

在组件中：

trackByFn(index: any, item: any) {
  return index;
}

你的柱塞

于 2017-06-09T07:28:42.213 回答