Как сделать флажок из трех состояний

Question

Я хочу сделать фильтр, используя флажок с тремя состояниями (одно для онлайн-пользователей / другое для автономного и третий для всех), сейчас я успешно установил флажок для фильтрации отключенных элементов, но хочу использовать флажок оплодотворенный моим нормальным флажком.

<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> 

Answer 1

Проверьте это

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

Добавьте indeterminate = true для третьего состояния. Ссылка: https://material.angular.io/components/checkbox/examples