访问 FormGroup 的 FormArray 的数据

Question

所以我有了这个 FormBuilder 设置：

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

我尝试使用此代码访问选项控制：

 onAddChoice()
  {
    const control = new FormControl(null, Validators.required);
    this.surveyForm.controls.questionsDetail.control.push(control);
  }

我得到了这个错误

引用“AbstractControl”类型的属性“控件”不存在。

如果有人可以帮助我，那就太好了。

提前致谢。

Answer 1

应该是controls 而不是control

this.surveyForm.controls.questionsDetail.controls.push(control);

我建议你使用formArray控件的addControl方法，它更冗长。

(this.surveyForm.get('questionsDetail') as FormArray).addControl(control);