Угловой материал Multi Select получить выбранное значение при скрытии

Question

Сценарий:

• У меня есть фильтр в угловом материале множественный выбор

Todo:

• Я хочу получить выбранные значения при скрытии раскрывающегося списка ..

  Я гуглил и пытался найти документ, но не смог найти никаких ссылок на добавление события скрытия вmiltiselect

Answer 1

Демонстрация, в которой доступны множественные значения после выпадающего списка закрытых матов

Код приложения: 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, он вернет массив с выбранными значениями.