如果您以编程方式更改 [checked] 值，则 (change) 事件不会触发

Question

我有下面的 HTML 表格正文。在我以编程方式更改 [checked] 值时，在一列中有一个复选框。 (change) 事件没有触发？

<tr *ngFor="let item of Results" [ngClass]="selectClass(item)">
            <td>
                <mat-checkbox
                    type="checkbox"
                    [checked]="isSelected"
                    (change)="onCheck($event, item)"
                ></mat-checkbox>
            </td>
            <td>{{ item.Name }}</td>
            <td>{{ item.Id}}</td>
        </tr></tbody>

Answer 1

发生这种情况是因为您的视图不知道您以编程方式更改了值。甚至可能发生 ExpressionChangedAfterItHasBeenCheckedError。您可以使用 changeDetectorRef 手动检测更改：

constructor(changeDetectorRef: ChangeDetectorRef){
}

select(newValue: boolean): void {
  this.isSelected = newValue;
  this.changeDetectorRef.detectChanges();
}