选择了哪个 mat-menu？

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>