angular - Anguar - 在复选框的动态列表中使用 ngModel

Question

我有一个mat-table带有复选框列的动态 Angular 材质。我如何为这些提供一个 ngModel 以使其特定于每个单独的复选框？使用checked适用于每一行中的复选框，因此选中一个将全部选中。

  <ng-container matColumnDef="selectCheck">
    <th mat-header-cell *matHeaderCellDef></th>
    <td mat-cell *matCellDef="let row">
      <mat-checkbox [(ngModel)]="checked" (change)="checkSelected(row)"></mat-checkbox>
    </td>
  </ng-container>

TS

  checked = false;

标签： angularangular-material

Answer 1

<mat-checkbox [(ngModel)]="row.checked" (change)="checkSelected(row)"></mat-checkbox>

您可以checked为每个行对象设置属性，以使其特定于表格的每一行。

使用该checked组件将选择所有复选框。