如何從角材料`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>