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

埃姆比

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在角度组件中更改mat-checkbox的角材料复选框的css

来自分类Dev

角材料,以选择mat-list-option并显示所选mat-list-option的相应数据

来自分类Dev

如何在QTreeView中获取所选项目

来自分类Dev

如何在textview中获取alertdialg所选项目?

来自分类Dev

如何在textview中获取alertdialg所选项目?

来自分类Dev

如何在KnockoutJS中获取所选项目的ID

来自分类Dev

如何从QT中的QListView获取所选项目的文本?

来自分类Dev

如何从LibGDX列表中获取所选项目?

来自分类Dev

如何在 React Native 的 RadioGroup 中获取所选项目?

来自分类Dev

角度:如何在mat-dialog上通过mat-select返回所选项目的所有数据,同时保留所选默认值的代码

来自分类Dev

如何从NSPopUpButton获取所选项目?

来自分类Dev

如何使用角度材料将 Mat-table 中的选定行数据绑定到有角度的弹出输入字段

来自分类Dev

mat-icon右填充?角材料

来自分类Dev

角材料,使 <mat-chip> 可点击

来自分类Dev

角材料 mat-cell Click 事件

来自分类Dev

角材料:如何在“ mat-card-header”中使用“ mat-icon”作为“ mat-card-avatar”?

来自分类Dev

如何验证列表中的所选项目?

来自分类Dev

我如何从组合框到Codeigniter中的控制器获取所选项目

来自分类Dev

如何在自动完成中获取所选项目的价值

来自分类Dev

如何使用php从下拉菜单中获取所选项目的值

来自分类Dev

如何在自动完成中获取所选项目的价值

来自分类Dev

如何在托管bean中获取所选项目的标签

来自分类Dev

如何从列表框所选项目中获取要在 Picturbox 中显示的图像

来自分类Dev

角 6 材料。如何为 mat-sidenav-container 制作橡胶?

来自分类Dev

在ASP.Net中具有多选功能的SELEC2 4.0:如何获取和设置所选项目?

来自分类Dev

ListPicker,如何从所选项目中获取文本?

来自分类Dev

如何获取微调器中所选项目的ID?

来自分类Dev

WPF CheckedListbox-如何获取所选项目

来自分类Dev

Android:如何从Spinner获取所选项目的ID

Related 相关文章

  1. 1

    如何在角度组件中更改mat-checkbox的角材料复选框的css

  2. 2

    角材料,以选择mat-list-option并显示所选mat-list-option的相应数据

  3. 3

    如何在QTreeView中获取所选项目

  4. 4

    如何在textview中获取alertdialg所选项目?

  5. 5

    如何在textview中获取alertdialg所选项目?

  6. 6

    如何在KnockoutJS中获取所选项目的ID

  7. 7

    如何从QT中的QListView获取所选项目的文本?

  8. 8

    如何从LibGDX列表中获取所选项目?

  9. 9

    如何在 React Native 的 RadioGroup 中获取所选项目?

  10. 10

    角度:如何在mat-dialog上通过mat-select返回所选项目的所有数据,同时保留所选默认值的代码

  11. 11

    如何从NSPopUpButton获取所选项目?

  12. 12

    如何使用角度材料将 Mat-table 中的选定行数据绑定到有角度的弹出输入字段

  13. 13

    mat-icon右填充?角材料

  14. 14

    角材料,使 <mat-chip> 可点击

  15. 15

    角材料 mat-cell Click 事件

  16. 16

    角材料:如何在“ mat-card-header”中使用“ mat-icon”作为“ mat-card-avatar”?

  17. 17

    如何验证列表中的所选项目?

  18. 18

    我如何从组合框到Codeigniter中的控制器获取所选项目

  19. 19

    如何在自动完成中获取所选项目的价值

  20. 20

    如何使用php从下拉菜单中获取所选项目的值

  21. 21

    如何在自动完成中获取所选项目的价值

  22. 22

    如何在托管bean中获取所选项目的标签

  23. 23

    如何从列表框所选项目中获取要在 Picturbox 中显示的图像

  24. 24

    角 6 材料。如何为 mat-sidenav-container 制作橡胶?

  25. 25

    在ASP.Net中具有多选功能的SELEC2 4.0:如何获取和设置所选项目?

  26. 26

    ListPicker,如何从所选项目中获取文本?

  27. 27

    如何获取微调器中所选项目的ID?

  28. 28

    WPF CheckedListbox-如何获取所选项目

  29. 29

    Android:如何从Spinner获取所选项目的ID

热门标签

归档