角度反应形式:限制删除最后的动态控件

时间:2019-02-22 19:49:24

标签: angular

我建立了一个角反应形式,该形式可以添加新地址和删除新地址。删除操作将所有字段一一添加。我需要的是它不应该允许用户删除最后一个控件。因此,如果最后一个控件有记录,则应从数组中删除内容,而不是从窗体上的控件中删除。我该如何实现。

我创建了一个堆栈闪电来复制问题

https://stackblitz.com/edit/angular-ssrpkt

1 个答案:

答案 0 :(得分:0)

您必须将removeAddress函数(app.component.ts)更改为:

public removeAddress(index: number): void {
    const addressess = this.frmFirm.get('addressess') as FormArray;
    if(addressess.length === 1)
    {
      addressess.reset();
      return;
    }
    addressess.removeAt(index);
}