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
。我们如何做到这一点?
最佳答案
我在 Angular 文档中没有找到它,但是由于您在 mat-menu-item 中使用了按钮,因此您可以使用其 click
事件来捕获所选值,如下所示
<button mat-menu-item (click)="selectedMenu('Redial')">
<mat-icon>dialpad</mat-icon>
<span>Redial</span>
</button>
关于javascript - 选择了哪个垫菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59360097/