(Angular2) FormArray 隐藏以前的表单作为新表单添加

【问题标题】：(Angular2) FormArray hide previous form as new form added(Angular2) FormArray 隐藏以前的表单作为新表单添加
【发布时间】：2017-09-23 06:43:21
【问题描述】：

我在表单构建器中有一个表单数组，并且我正在动态更改表单，即点击从应用程序 1 加载数据等。

我遇到的问题是所有数据都加载了，但formarray 中的数据仍然存在，只是将旧项目与新项目连接起来。

如何使formarray 仅具有新数组并隐藏以前的数组。我正在使用 angular2 创建一个数组形式。

working plnkr 我的项目

【问题讨论】：

你试过form.reset()重置表格吗？

标签： angular material-design angular2-forms angular2-formbuilder

【解决方案1】：

以下内容将满足您的需求，但根据其他地方的讨论，这里不可能重新访问其他表单元素，这需要更多的修补:)

只需设置一个条件，检查对象是否是formArray 中的最后一项，如果是，则仅显示该对象。

所以你在迭代 objects 数组的地方添加以下条件：

<div *ngFor="let object of myForm.controls.objects.controls; let i=index">
 <div [formGroupName]="i" *ngIf="i === myForm.controls.objects.controls.length -1">

在调查选项卡的formArrays 中添加这些条件。

分叉

Plunker

【讨论】：

不客气。乐意效劳！祝您有美好的一天，愉快的编码！
也有美好的一天。