如何从角材料`mat-menu`中获取所选项目

Question

我正在使用有角度的材质菜单组件

<button mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>

如何监听选择更改？ 有没有办法检查用户选择了哪个项目，而无需为点击事件分别监听每个按钮？

Answer 1

最好的方法是使用循环。 就像是：

    const options = ['option1','option2'];

    <button mat-button color="primary" [matMenuTriggerFor]="menu">Copy</button>

    <mat-menu #menu="matMenu">
            <button (click)="onClick(option)" *ngFor="let option of options" mat-menu-item>
                {{option}}
            </button>
    </mat-menu>