gpt4 book ai didi

angular - 如何从 Angular Material `mat-menu`中获取所选项目

转载 作者:行者123 更新时间:2023-12-01 23:47:21 24 4
gpt4 key购买 nike

我正在使用一个 Angular Material 菜单组件

<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>

我如何监听选择的变化?有没有一种方法可以检查用户选择了哪个项目,而无需分别监听每个按钮的点击事件?

最佳答案

最好的方法是使用循环。像这样的东西:

    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>

关于angular - 如何从 Angular Material `mat-menu`中获取所选项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63996098/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com