Как обнаружить событие открытия меню материалов

Question

Я хочу использовать свойство menuOpened: EventEmitter меню углового материала.Может кто-нибудь помочь, как это использовать?Я хочу, чтобы событие в меню было открыто.

Я использую Angular 6 с Angular Material Menu.

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');
}