javascript - 即使模型值为真，材料复选框也未选中

Question

我有一个带有一些数据和复选框的 mat-table，当model.select属性为 true 时应该检查它，但是当我使用[(ngModel)]="element.select"所有复选框时都会检查。下面是代码，

<td mat-cell *matCellDef="let element">
   {{element.select}}
   <mat-checkbox [(ngModel)]="element.select" formControlName="select" (change)="checkIfAllSelected()"></mat-checkbox>
</td>

请让我知道这段代码有什么问题？

我也尝试过属性绑定[checked]="model.select"。它也不适用于此。

element.select当为真时，应检查复选框。

标签： javascripthtmlcssangular

Answer 1

将 [checked]属性添加到ckeckboxas [checked]="element.select"：

<mat-checkbox [(ngModel)]="element.select"  [checked]="element.select" formControlName="select" (change)="checkIfAllSelected()"></mat-checkbox>