Я пытаюсь использовать angular .material.io для создания выпадающего заголовка, который добавляет / удаляет фишки материала в отображаемый список при выборе. В конечном итоге они будут использоваться для фильтрации, но не в коде примера.
Мы хотим:
- добавить микросхему, выбрав опцию из выпадающего списка
- добавить микросхему с помощью введенного пользователем ввода (а также выбрав соответствующую опцию в процессе )
- удалить чип, отменив выбор из раскрывающегося списка
- отменить выбор из выпадающего списка при удалении соответствующего чипа
В настоящее время мы можем добавлять чипы в обоих направлениях, но типизированный пользовательский ввод не выбирает соответствующую опцию. Мы также можем удалить чип, нажав X, но он не удаляет его из выпадающего списка.
Основная проблема заключается в том, что флажки не затрагиваются ничем, кроме прямого выбора, я не могу получить список чипов для работать с раскрывающимся списком.
Вот пример базы кода: https://stackblitz.com/edit/angular-9rnfbc