如何将[formControlName]与垫子复选框一起使用

Question

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

Answer 1

您似乎误解了文档。formControlName与mat复选框一起工作，您可以动态创建它们：

<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>