角材料多选获取隐藏的选定值

Md.*_*lam 3 multi-select material-design angular-material angular

设想 :

  • 我有一个多选的角度材料过滤器

去做 :

  • 我想在隐藏下拉列表时获取选定的值..

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

Abh*_*mar 6

关闭 mat-select 下拉列表后多选值可用的演示

应用程序代码: https : //stackblitz.com/edit/angular-values-access-after-dropdown-close?file=src/ app/ app.component.html

方法 :

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