Angular 2 材料垫选择以编程方式打开/关闭

有谁知道如何以编程方式打开或关闭垫选择？就 api 而言，有打开和关闭的方法，但不知道如何从组件调用这些方法，并且现场没有任何示例显示这一点。

Thanks

为了访问这些属性，您需要识别 DOM 元素并使用ViewChild:

组件.html

  <mat-select #mySelect placeholder="Favorite food">
    <mat-option *ngFor="let food of foods" [value]="food.value">
      {{ food.viewValue }}
    </mat-option>
  </mat-select>

组件.ts

import {Component, ViewChild} from '@angular/core';

@Component({
  selector: 'select-overview-example',
  templateUrl: 'select-overview-example.html',
  styleUrls: ['select-overview-example.css'],
})
export class SelectOverviewExample {
  @ViewChild('mySelect') mySelect;
  foods = [
    {value: 'steak-0', viewValue: 'Steak'},
    {value: 'pizza-1', viewValue: 'Pizza'},
    {value: 'tacos-2', viewValue: 'Tacos'}
  ];

  click() {
    this.mySelect.open();
  }
}

在此处查看正在运行的 stackblitz。 https://stackblitz.com/edit/angular-kc1uhi