如何将 [formControlName] 与 mat-checkbox 一起使用

Question

在 Angular Material 文档中，他们说 [formControlName] 不能与 mat-checkbox 一起使用。如何根据值数组动态创建复选框并使用反应形式获取复选框值？有其他方法吗？

Answer 1

您似乎误解了文档。 formControlName 与 mat-checkbox 一起使用，您可以动态创建它们：

<form [formGroup]="myForm">
 <ng-container *ngFor="let field of fields">
  <mat-checkbox
    [formControlName]="field.name"
    [labelPosition]="field.labelPosition"
    [disabled]="field.disabled"
    [checked]="field.checked"
  >
   {{field.label}}
  </mat-checkbox>
 </ng-container>
</form>