angular - 在 formbuilder 组中添加嵌套的 formbuilder 数组

Question

我遇到了以下 Stackblitz 演示：

https://stackblitz.com/edit/angular-dffny7?file=app

参考以下帖子： https ://stackoverflow.com/a/48527939/7429196

我需要当用户添加一个新公司（例如 Company2）时，它应该与其各自的项目（例如 Project2）一起创建。

我没有得到在表单组中添加嵌套表单构建器数组的正确方法。谁能告诉我我该怎么做？

标签： angularangular-reactive-forms

Answer 1

您可以尝试使用此解决方案。

嵌套formbuilder arrays在一个formbuilder group

Stackblitz 演示

  createProjectGroup(){
    return this.fb.group({
        projectName: ['']
      })
  }



addNewCompany() {
    let control = <FormArray>this.myForm.controls.companies;
    control.push(
      this.fb.group({
        company: [''],
        projects: this.fb.array([this.createProjectGroup()])
      })
    )
  }