如何立即取消选中复选框？

Question

我有以下HTML代码：

<tr *ngFor="let stud of [1,2,3]">
    <mat-checkbox (change)="setPupilAbsence($event)"></mat-checkbox>
</tr>

和处理程序：

public setPupilAbsence(event: MatCheckbox): void {
      event.checked = false;
}

Answer 1

event.checked属性可能是不可变的，或者仅出于读取目的而存在。同样，事件不是MatCheckbox本身，而是MatCheckboxChange。

您可以使用事件的来源：event.source.checked = false;

import {MatCheckboxChange} from '@angular/material';
...
setPupilAbsence(event: MatCheckboxChange) {
    event.source.checked = false;
}

Stackblitz example