(Angular2)FormArray在添加新表单时隐藏上一个表单

时间:2017-04-26 03:20:51

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

我在formbuilder中有一个表单数组,我正在动态更改表单,即从应用程序1等点击加载数据。

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

如何使formarray只拥有新数组并隐藏前一个数组。我正在使用angular2创建一个数组表单。

我项目的

working plnkr

1 个答案:

答案 0 :(得分: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">

在调查标签的formArray内添加这些条件。

叉状

Plunker