如何在手风琴ngFor中动态生成formGroups

Question

我有一个手风琴，它可以按照用户的要求创建多个 x 部分，如下所示：

在这种情况下，部门的数量为3，了解了这一点后，我必须按表格加载员工的信息，但是当信息一旦以其他形式复制后，我就必须加载该表格：

我试图在ts中创建一个formGroups数组，并通过ngfor索引来区分它们，如下所示：

但是我还没有成功。

Answer 1

您应该使用FormArray

this.formName = this.formBuilder.group({
   'formArrayName': this.formBuilder.array([
    this.init(),
  ]),
});

 init() {
   return this.formBuilder.group({
          'id': ['', Validators.compose([Validators.required])],
          'name': ['', Validators.compose([Validators.required])],
          'phone_number': ['', Validators.compose([Validators.required])],
           ...
        });
 }

这里有一个例子： https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-2