将表格中行的添加限制为一定数量

时间:2019-05-11 16:50:51

标签: angular6 angular-forms angular-material-6

我正在努力连续添加和删除一组字段,我可以通过以下代码来做到这一点, 但必须将其限制为一定数量,我该怎么做?提前致谢 下面是代码。 我正在使用数组,然后使用添加和删除功能 组件文件 `

 get formArr(){
    return this.finDetailsForm.get('itemRows') as FormArray;
 }

 initItemRows(){
    return this.fb.group({
        acc_name: '',
        inv_amt: '',
        v_inv_date: '',
    });
 }

 addNewRow(){
    this.formArr.push(this.initItemRows());
 }

 deleteRow(index: number) {
    this.formArr.removeAt(index);
 }

在其下方附加图片 add and del row in form

0 个答案:

没有答案