Как проверить угловой материал 2 mat-list-option или нет?

Question

Я хочу использовать опцию mat-list-option, чтобы отметить или снять флажок с группой опций mat-list, но я не могу проверить, включена или нет опция mat-list-option с помощью $ event.

Answer 1

Вы также можете назначить ссылку на шаблон для mat-list-option и проверить, является ли она selected

TemplateRef: #option, затем используйте option.selected

<mat-selection-list #shoes>
  <mat-list-option #option *ngFor="let shoe of typesOfShoes">
    {{shoe}} <div style="font-weight:bold">{{option.selected}}</div>
  </mat-list-option>
</mat-selection-list>

Stackblitz

https://stackblitz.com/edit/angular-gl4wqq?embed=1&file=app/list-selection-example.html

Answer 2

<mat-list-option (click)="selectGroup($event.toElement.getAttribute('ng-reflect-state'))">
</mat-list-option>

ng-refle-state сохраняет строковое значение, которое показывает состояние опции mat-list-option, значение может быть «отмечено» или «не отмечено».