如何制作三个状态的复选框答案

【问题标题】：How to make a check box of three states如何制作三个状态的复选框
【发布时间】：2020-08-04 07:38:23
【问题描述】：

我想使用具有三种状态的复选框（一种用于在线用户/另一种用于离线，第三种状态用于所有）的复选框现在我已经成功地制作了一个用于过滤关闭元素的复选框，但我想使用复选框取代我的普通复选框。

<mat-header-cell *matHeaderCellDef fxHide fxShow.gt-sm>Etat d'inst
                        <mat-checkbox [checked]="isSelected" (change)="onCheckboxChangeFn($event)" class="check_box_header"></mat-checkbox>
                    </mat-header-cell>
                    <mat-cell *matCellDef="let element" fxHide fxShow.gt-sm>

【问题讨论】：

一个 mat-checkbox 已经作为属性不确定，只是 [indeterminate]="isIndeterminated"。如果是普通复选框，请参阅stackoverflow.com/questions/54075014/…

标签： angular checkbox

【解决方案1】：

看看这个

<mat-checkbox [(ngModel)]="checked" [(indeterminate)]="indeterminate">
       CheckBox
</mat-checkbox>

为第三个状态添加indeterminate = true .参考：https://material.angular.io/components/checkbox/examples

【讨论】：

以及如何检测用户是否选择了第一个/第二个或第三个
checked 对于前两个状态为 false 和 true，indeterminate 对于第三个状态为 true
我发现当我第一次点击我的复选框时，我无法再选择不确定的选项（我想在未选中的三个选项之间切换，然后检查然后不确定