mat-select 选择更改获取组角度

Question

我可以控制mat-select两个mat-optgroup具有事件处理程序的组(selectionChange)="applicationSelected($event.value, i)。

如何检测从哪个组中选择了选项？

Answer 1

没有一种简单、直接的方法可以从selectionChange事件中了解该群体。它只告诉您源 (MatSelect) 和选定的值。但是onSelectionChangeMatOption 事件允许您访问 MatOption，而 MatOption 又允许您访问 MatOptionGroup。例如：

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

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