mat-select selectionChange получить группу угловых

Question

У меня есть контроль mat-select с двумя mat-optgroup группами у которого есть обработчик события (selectionChange)="applicationSelected($event.value, i).

Как определить, из какой группы была выбрана опция?

Answer 1

Нет простого, прямого способа узнать группу по событию selectionChange. Он только сообщает вам источник (MatSelect) и выбранное значение. Но событие onSelectionChange MatOption предоставляет вам доступ к MatOption, который, в свою очередь, дает доступ к MatOptionGroup. Например:

<mat-option (onSelectionChange)="optionSelected($event)" ...>...</mat-option>

optionSelected(event: MatOptionSelectionChange) {
    console.log(event.source.group.label);
}