angular - 如何检测 Material 菜单打开事件

Question

我想使用 Angular Material 菜单的menuOpened:EventEmitter属性。 任何人都可以帮助如何使用这个吗？我想在菜单上打开一个事件。

我正在使用带有 Angular Material 菜单的 Angular 6。

Answer 1

您将监听器放在触发菜单的元素上:

<button mat-icon-button [matMenuTriggerFor]="mMenu" (menuOpened)="menuOpened()">
  <mat-icon>edit</mat-icon>
</button>

<mat-menu #mMenu>
  <button mat-menu-item>...</button>
  <button mat-menu-item>---</button>
</mat-menu>

在ts中:

menuOpened() {
  console.log('Menu is open');
}