【问题标题】:Angular material multi select get selected value on hide角度材料多选在隐藏时获取选定值
【发布时间】:2018-11-13 07:05:13
【问题描述】:

场景:

  • 我在角度材质多选中有一个过滤器

待办事项:

  • 我想在隐藏的下拉菜单中获取选定的值..

    我用谷歌搜索并试图找到该文档,但找不到任何要添加的参考 隐藏事件到 miltiselect

【问题讨论】:

  • 您能否添加更多关于您想要实现的目标的详细信息?或包含您的代码的 stackblitz 示例?

标签: angular angular-material material-design multi-select


【解决方案1】:

Demo where multi-select values are available after closed mat-select dropdown

申请代码: https://stackblitz.com/edit/angular-values-access-after-dropdown-close?file=src/app/app.component.html

方法:

  • 保留一个变量来存储 multi-select 值。
    使用 openedChange 事件作为 (openedChange)="comboChange($event)",并将所选值存储到数组或其他变量中。
    如果下拉菜单关闭,事件值为false,所以我在演示代码中使用了它。
  • 另外,mat-select[formControl]="toppings" 一起使用,因此在任何其他方法中,您都可以使用 this.toppings.value 访问其值,它将返回一个包含选定值的数组。

【讨论】:

  • 我想要隐藏下拉菜单,而不是选择时
  • 那么就可以直接使用,如this.toppings.value,如果按照[formControl]="toppings"做,mat-select的事件发射器只有2个,一个是openedChange,一个是selectionChange,使用 any 获取值。
  • 能否更新链接,我不明白你,我想触发隐藏事件
  • 等一下,我会用其他事件发射器更新答案。
  • @Md.ParvezAlam 请检查更新的演示代码并回答。
猜你喜欢
  • 1970-01-01
  • 2019-04-11
  • 2019-04-16
  • 1970-01-01
  • 2021-10-30
  • 2023-03-17
  • 2019-06-02
  • 2020-02-06
  • 2018-11-16
相关资源
最近更新 更多