FormGroupDirective中的表单数组(多个组件中的多个表单)

Question

我有一个很大的表单，所以我将其转换为3个组件，并使用选项卡(如1、tab1打开组件-1、2、表2、打开组件-2、表3、打开组件-3)使用它们

我在父组件中创建表单，并使用以下formGroup指令在子组件中使用该表单

      <ng-container [formGroup]="Form">
        <Component-1
          formGroupName="form1"
          *ngIf="OpenTab == 'Component1'"
        ></Component-1>

        <Component-2
          formGroupName="form2"
          *ngIf="OpenTab == 'Component2'"
        ></Component-2>
        <Component-3
          formGroupName="form3"
          *ngIf="OpenTab == 'Component3'"
        ></Component-3>

      </ng-container>

在组件-2中，我有一个表单和一个表，当用户填写它在表中显示的表单时，用户可以填充表单多个任务，因此它们是一个表中的多个行。在组件-3中，我必须发送api中的所有3种表单(表单2作为数组)，我知道我需要组件-2中的formArray，但是我不知道如何实现它--我已经完成了组件-1和组件-2，但是我不知道如何使用组件-2。

Answer 1

我从你的问题中了解到的是您已经将表单分解为子窗体组件。。

您可以将formArray嵌套在formGroup中，如下所示：

this.form = this.formBuilder.group({
    myArray: this.fb.array([]),
    // other fields
})