Angular 2 - Как фильтровать через выбор
У меня проблемы с этим кодом, который является Angular 2. У меня есть что-то вроде этого:
<select [(ngModel)] = "postoSelecionado" name = "postos-disponiveis" id = "postos-disponiveis" class = "sel-posto" materialize = "material_select" [disabled] = "!checkboxPostos.checked">
<option *ngFor = "let posto of getPostosAtivos" [value] = "posto?.cdPt">{{ posto?.cdPt}}—{{ posto?.dsPt }}</option>
</select>
И я хочу искать через этот выбор. Я действительно борюсь с этим. Можем ли мы сделать что-то вроде поиска, как в примере ниже?
<option *ngFor = "let posto of getPostosAtivos | search:postoSelecionado" [value] = "posto?.cdPt">{{ posto?.cdPt}}—{{ posto?.dsPt }}</option>
@DanielB Триггером должен быть момент, когда пользователь что-то вводит. Он ищет предмет, но список выбора слишком длинный, поэтому я хочу дать ему альтернативу поиску.
Привет @Daniel B, мне все еще тяжело с этим, я попробовал то, что сказала Джанит, но, к сожалению, это не работает должным образом. В любом случае, я мог бы это сделать?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете использовать подходящие пакеты npm, соответствующие вашим требованиям, например ng-select: https://www.npmjs.com/package/@ng-select/ng-select для ваших требований.
Или вы можете создать свой собственный вариант выбора.
Пожалуйста, проверьте это также Как добавить поисковый фильтр к опции выбора в angular
Спасибо. Я старался изо всех сил, и мне удалось сделать это с помощью ng-select. Мне просто пришлось понизить версию ng-select до той же версии Angular, которую я использую.
Что должно вызвать изменение в
getPostosAtivos? У вас есть несколькоselect? Вы можете использовать канал, как вы уже предложили, но есть более эффективные методы.