[formGroup]在Angular Arrayform上的用法

时间:2019-03-04 15:01:30

标签: angular typescript angular-material angular-template

我想了解这种用法​​。 我创建这样的表单

this.form = this.fb.group({
  values: this.fb.array([this.group()])
});

是一个简单的FormArray。我想把它放到Angular Material Table中。 我的html看起来像这样:

 <form [formGroup]="form">
    <div formArrayName="values">
      <button (click)="addValues()">Add Values</button>
      <table mat-table [dataSource]="values.controls">
        <ng-container matColumnDef="column1">
          <th mat-header-cell *matHeaderCellDef>column1</th>
          <td mat-cell *matCellDef="let item" [formGroup]="item">
            <input type="text" formControlName="column1" />
          </td>
        </ng-container>
       </table>
    </div></form>

现在我的问题很简单。为什么我必须在表单的每个字段上定义[formGroup] =“ item”?没有这个就行不通。 这是什么意思 ? 谢谢

0 个答案:

没有答案