Angular. Значение из события на MatSelectionListChange не определено

Question

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

HTML

<div>
    <mat-selection-list #costUnits
    [(ngModel)]="selectedCostUnits"
    (selectionChange)="onSelectionChange($event)"
    >
        <mat-list-option *ngFor="let label of labels" selected="true">
            {{ label }}
        </mat-list-option>
    </mat-selection-list>
</div>

TS

  onSelectionChange(event: MatSelectionListChange) {
    console.log(event)
  }

Например: я дважды щелкнул один элемент в списке это было проверено и получило следующие выводы.

Answer 1

Я понял. Значение не было связано. Правильный код компонента:

<mat-list-option 
  *ngFor="let label of labels" 
  selected="true" 
  [value]="label"
  >
    {{ label }}
</mat-list-option>