material ui select 组件中未调用更改事件

Question

当在下拉列表中选择国家/地区时，我必须运行一些代码，但根本没有调用该方法。这是 material 代码：

<mat-form-field>
  <mat-label>Select country</mat-label>
  <mat-select (change)="countrySelected(value)">
    <mat-option>None</mat-option>
    <mat-option value="option1">France</mat-option>
    <mat-option value="option2">Germany</mat-option>
    <mat-option value="option3">America</mat-option>
  </mat-select>
</mat-form-field>

这是未被调用的方法：

countrySelected(value): void {
    console.log(value);
}

Answer 1

您应该改用事件 selectionChange。所以改变你的代码如下：

<mat-form-field>
  <mat-label>Select country</mat-label>
  <mat-select (change)="selectionChange(value)">
    <mat-option>None</mat-option>
    <mat-option value="option1">France</mat-option>
    <mat-option value="option2">Germany</mat-option>
    <mat-option value="option3">America</mat-option>
  </mat-select>
</mat-form-field>

查看 https://material.angular.io/components/select/api 所有支持的活动。

material ui select 组件中未调用更改事件

Change event not being invoked in material ui select component

angular-material