为什么选择不能正常工作?棱角分明的材料

Question

HTML---->

<ng-container matColumnDef="seleccione">
<mat-header-cell *matHeaderCellDef>Seleccione</mat-header-cell>
<!--<mat-header-cell *matHeaderCellDef>
<mat-checkbox (change)="$event ? masterToggle() : null"
[checked]="selection.hasValue() && isAllSelected()"
[indeterminate]="selection.hasValue() && !isAllSelected()">
</mat-checkbox>
</mat-header-cell>-->
<mat-cell *matCellDef="let row">
<mat-checkbox #checkbox="matCheckbox"
(change)="$event ? masterToggle(row) : null"
>
</mat-checkbox>
</mat-cell>
</ng-container>

组件。TS---->

masterToggle(row) {
console.log("row---->", row);
console.log("this.selection.selected---->", this.selection.selected);
console.log("this.selection.selected.length---->", this.selection.selected.length);
console.log("selection.isSelected---->", this.selection.select(row));
}

问题是，当我点击一次复选框时，"selected"one_answers"lenght"的值会返回空值，但当我双击时，它会按原样返回。

有人能告诉我我没有考虑吗？

Answer 1

试试这个：

<mat-checkbox #checkbox="matCheckbox"
(change)="$event ? masterToggle(row) : null"
z-order:20
>

我认为双击之所以有效，是因为第一次单击会更改现在位于复选框范围内的焦点。这就像复选框上方有一层。