Angular FormArray - AbstractControl 类型上不存在属性控件

Question

我想在 Angular7 中构建表单数组

控件带有红色下划线。我什至在提供应用程序之前就遇到了这个错误:

Property 'controls' does not exist on type 'AbstractControl'

成分

addSubmenugroup(j) {
    console.log(j);
    const control = <FormArray>this.form.get('submenus').controls[j].get('submenugroups');
   // console.log(control);
    control.push(this.initSubmenugroup());  
  }


  removeSubmenugroup(j){
     const control = <FormArray>this.form.get('submenus').controls[j].get('submenugroups');
     control.removeAt(j);
  }

当我点击提交按钮时，它应该生成表单数组。

Answer 1

get FormGroup的方法返回值 AbstractControl这就是静态类型检查器给你一个错误的原因。 AbstractControl本身没有 controls属性(property)。

https://angular.io/api/forms/FormControl更多信息在这里。

你能做的是

const formArray = this.form.get('submenus') as FormArray;
const secondArray = formArray.get('submenugroups`) as FormArray;
const control = secondArray.controls[...] as FormControl;

// Continue with your logic.