javascript - 选择了哪个垫菜单？

Question

Angular Material 文档向我们展示了 mat-menu 的标记:

<button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
  <mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>
    <mat-icon>dialpad</mat-icon>
    <span>Redial</span>
  </button>
  <button mat-menu-item disabled>
    <mat-icon>voicemail</mat-icon>
    <span>Check voice mail</span>
  </button>
</mat-menu>

但没有显示如何捕获选择了哪个mat-menu-item。我们如何做到这一点？

Answer 1

我在 Angular 文档中没有找到它，但是由于您在 mat-menu-item 中使用了按钮，因此您可以使用其 click 事件来捕获所选值，如下所示

<button mat-menu-item (click)="selectedMenu('Redial')">
    <mat-icon>dialpad</mat-icon>
    <span>Redial</span>
  </button>