Свойство selectionChange не является событием запуска в компоненте углового класса

Question

Я пытался реализовать угловое MatSelectionList и пытался прослушать выбранное событие опции, используя API selectionChange , но оно не вызывало никакого события.

https://stackblitz.com/edit/angular-eyjdfp?file=app%2Flist-selection-example.html

Я делаю что-то не так или что-то сломалось при выпуске в Angular 6?

Использование: Версия Angular 6.0.1

Браузер Chrome

Answer 1

Поведение компонента изменилось в 6.0.0-бета.5 @ angular / material:

list: selectionChange для MatListOption, который не рекомендуется в 5.0.0 был удален.Вместо этого используйте selectionChange для MatSelectionList.

Вам необходимо применить selectionChange к вашему mat-selection-list следующим образом:

<mat-selection-list (selectionChange)="onSelection($event)" #shoes>
  <mat-list-option *ngFor="let shoe of typesOfShoes" >
    {{shoe}}
  </mat-list-option>
</mat-selection-list>

Вот редактирование вашего стекаблица.