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

Question

我遇到了以下Stackblitz演示：

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

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

我需要在用户添加新公司（例如Company2）时，应将其连同其各自的项目（例如Project2）一起创建。

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

Answer 1

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

将formbuilder arrays嵌套在formbuilder group

中

Stackblitz Demo

  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()])
      })
    )
  }