Angular 如何将[formControlName]与mat复选框一起使用

Angular 如何将[formControlName]与mat复选框一起使用,angular,typescript,angular-material,angular-reactive-forms,form-control,Angular,Typescript,Angular Material,Angular Reactive Forms,Form Control,在Angular Material文档中,他们说[formControlName]不能与mat复选框一起使用。那么,如何根据值数组动态创建复选框,并使用反应式表单获取复选框值?还有别的办法吗?看来你误解了医生的意思。formControlName使用mat复选框,您可以动态创建它们: <form [formGroup]="myForm"> <ng-container *ngFor="let field of fields">

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

看来你误解了医生的意思。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>

{{field.label}

您不需要使用
[选中]
(选中的值是formControl的值)