在嵌套的 formArray 中获取控件

Question

我想知道如何在嵌套的 formArray 中获取控件。我初始化了这个表单

 ngOnInit(): void {
     this.surveyForm = this.formBuilder.group({
       'surveyTitle': [null],
       'surveyDescription': new FormControl(null),
       'questionsDetail': this.formBuilder.array([
         this.formBuilder.group({
          'questionType': new FormControl('mcq'),
           'question': new FormControl(null),
           'choices': this.formBuilder.array([])
         })
       ])
     });

但是当我尝试访问我的选择 formArray 的控件时，我得到一个错误。我用了这段代码

get questionsDetailcontrols() {
    return (this.surveyForm.get('questionsDetail') as FormArray).controls;
  }
  get choicesControl()
  {
    return (this.questionsDetailcontrols.get('choices') as FormArray).controls;
  }

我在 get('choices') 中收到错误消息，指出“在类型 'AbstractControl[]' 上不存在属性 'get'”。 谁能告诉我如何访问嵌套数组中的控件。

提前致谢

Answer 1

试试这个。

  get questionsDetailcontrols() {
    return this.surveyForm.get('questionsDetail') as FormArray;
  }

  getChoicesControl(index: number)
  {
        return (this.questionsDetailcontrols.at(index).get('choices') as FormArray).controls;
  }