Angular material 多 select 在隐藏时获得 selected 值

Question

场景：

• 我在 angular material multi-select
中有一个过滤器

待办事项：

• 我想在隐藏的下拉列表中获取 selected 值..

  I googled and tried to find the doc but could not found any ref to add hide event to miltiselect

Answer 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 访问其值，它将 return 一个包含选定值的数组。