将复选框设置为不确定

Question

我有一个要求，如果复选框的当前状态不确定，则用户单击它，然后将状态更改为选中，再次单击它（意味着第二次单击），它应该设置为不确定而不是未选中。任何想法如何做到这一点。

Answer 1

您可以创建onChange方法，该方法将为MatCheckbox的{​​{1}}属性设置正确的值。

intermediate

这是您的模板代码片段

onChange(checkbox: MatCheckbox): void {
    this.isChecked = checkbox.checked;
    checkbox.indeterminate = !this.isChecked;
}

但是请不要忘记导入<mat-checkbox indeterminate="true" #myChecker [checked]="isChecked" (change)="onChange(myChecker);">Tick me off</mat-checkbox> 。

MatCheckbox