角材料多重选择隐藏时获取选定值

时间:2018-11-13 07:05:13

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

场景:

  • 我有一个用于角形材料多选的过滤器

Todo:

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

      

    我用Google搜索并尝试找到该文档,但找不到要添加的任何参考   隐藏事件以进行miltiselect

1 个答案:

答案 0 :(得分:3)

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 访问其值,它将返回一个包含选定的值。