如何从有角度的材料"垫子菜单"中获取所选项目

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>