如何检查角材2垫列表选项是否被选中？

Question

我想使用mat-list-option来检查或取消选中一组mat-list-option，但是我不能通过$ event来检查mat-list-option是否被选中。

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-reflect-state保留一个显示mat-list-option状态的字符串值，该值可以是“选中”或“未选中”。