Угловой материал мат-лист-опция

Question

Есть ли способ в материале 2, чтобы определить флажок true или false с помощью функции события. Передача $ event только обнаруживает, что мышь или клавиатура на стороне машинописного текста должны определять, отмечена ли она или нет.

<mat-selection-list #list   >
  <mat-list-option *ngFor="let aser of fo; let i = index" (click)="onAreaListControlChanged(aser.ID, aser.Name, aser.Number, $event)"  checkboxPosition="before"    [value]="aser.Number" [selected]="aser.selected"  >
    <span style="font-size:11px"  >{{aser.selected}} {{aser.first}} - {{aser.Number}}</span>
  </mat-list-option>
</mat-selection-list>

машинопись

onAreaListControlChanged(sid, sname, snum, $event) { if(checked==true else false}

Answer 1

Использовать событие MatSelectionList selectionChange. Объект события - это MatSelectionListChange, который предоставляет MatOption, на который нажали, как свойство option, что, в свою очередь, дает вам значение selected (проверено):

<mat-selection-list #list (selectionChange)="selectionChange($event.option)"  >
    <mat-list-option *ngFor="let aser of fo; let i = index" (click)="onAreaListControlChanged(aser.ID, aser.Name, aser.Number, $event)"  checkboxPosition="before"    [value]="aser.Number" [selected]="aser.selected"  >
        <span style="font-size:11px"  >{{aser.selected}} {{aser.first}} - {{aser.Number}}</span>
    </mat-list-option>
</mat-selection-list>

TS

selectionChange(option: MatListOption) {
   console.log(option.selected);
}