Я пытаюсь извлечь логику, которая фильтрует и отображает мои mat-option s для моих mat-select s в их собственный компонент. Однако по некоторым причинам параметры отображаются, но нажатие на них не вызывает событие.
У веб-приложения, которое я пишу, есть много mat-select с, у каждого из которых потенциально может быть много mat-option с. По понятным причинам мне нужен способ фильтрации параметров, поэтому я использую этот пакет узлов . Этот шаблон «выбрать с помощью поля поиска» часто встречается во всем приложении, поэтому я хочу извлечь его в компонент.
Если весь код содержится в одном компоненте, он работает нормально. Структура этого будет выглядеть так:
<select>
<option>
<search>
<option>
... more options
Однако, поскольку я извлекаю поиск и фильтрацию опций в свой собственный компонент, теперь между выбором и его опциями есть компонент, подобный этому:
<select>
<component> // Notice extra component
<option>
<search>
<option>
... more options
Я создал самый простой пример того, как я использую select:
https://stackblitz.com/edit/select-option-generator
В примере нет панели поиска, поскольку это не влияет на поведение.
Когда вы нажимаете на одну из первых 3 опций, которые содержатся в того же компонента , что и выбор, они выбираются, как и ожидалось. Если вы нажмете на одну из последних 3 опций, которые содержатся в вложенном компоненте внутри выделения, они будут выделены, но не выделены.
Я пытаюсь выяснить, почему параметры во вложенном компоненте не выбираются при нажатии на них.
Заранее спасибо.