Angular 5 : Event handling for material dropdown

Question

我需要调用一个函数，以防 mat-select 的值发生变化。我一直在添加到 mat-option 的 (click) 上调用该函数。

但是如果我们只是使用键盘来填写表单，则永远不会调用该函数(可以理解)。有什么方法可以在任何更改时调用该函数吗？ onChange，更改事件似乎不起作用。我在此表单字段上没有 ngModel

更新:selectionChange 适用于单选下拉菜单，但不适用于多选下拉菜单和mat-autocomplete。有没有办法做到这一点达到了？多选示例:multi-select-stackblitz

更新2:onSelectionChange 用于多个和自动完成作品。 multi-autocomplete

Answer 1

在这里，您可以在 mat-select 上使用 (selectionChange) 事件。

示例:

<mat-form-field>
    <mat-select placeholder="State" (selectionChange)="someMethod($event.value)">
        <mat-option *ngFor="let state of states" [value]="state.value">
            {{ state.viewValue }}
        </mat-option>
    </mat-select>
</mat-form-field>

<强> Here is Demo on stackblitz