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

问题描述

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

解决方法

您似乎误解了文档。 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>