Как использовать свойство selected для Angular Material Select (несколько) в реактивной форме Angular 6

Question

Я новичок в Angular.Я хочу получить все выбранные значения из элемента управления выбором материала перед отправкой формы, а также хочу реализовать, чтобы пользователь не мог выбрать более 3 вариантов.Я пытался разными способами, и я также не смог найти правильный способ реализации этого свойства selected в элементе управления Select.

Вот ссылка на страницу сведений о элементе управления select api

https://material.angular.io/components/select/api

Answer 1

В этом компоненте есть несколько вариантов выбора, вместо вкладки API нажмите вкладку примеров.Вот их ссылка на стек со ссылкой на пример.

https://stackblitz.com/angular/xamkeymbbvvk?file=app%2Fselect-multiple-example.ts

Используя их пример, я считаю, this.toppings.value получит значение в вашем компоненте.

Чтобы ограничить пользователя только выбором 3, вот пример отключения поля, когда длина достигает предела 2, я уверен, что что-то подобное будет работать.

Как установитьмаксимальный предел проверяемых элементов в MD-selection-list Angular2