在 selection 变化后从 mat-select 移除焦点

Question

在 .html 文件中我有选择器：

<mat-form-field>
    <mat-select #selector(selectionChange)="onSelectionChange($event.value)">
      <mat-option *ngFor="let test of tests" [value]="test">
      </mat-option>
    </mat-select>
  </mat-form-field>

在 .ts 文件中我有：

  @ViewChild('selector', { static: false }) selector: MatSelect

  onSelectionChange(value: any) {
    this.selector.focused = false;
  }

因为 focused 是只读参数，所以它不起作用，但是如何通过其他方式实现这种效果？

Answer 1

MatSelect 公开 close 方法。

试试这个：

 onSelectionChange(value: any) {
    this.selector.close();
  }

在 selection 变化后从 mat-select 移除焦点

Remove focus from mat-select after selection change

select

focus

angular