Угловой поиск по типу по выбору ng-option

Question

У меня есть список элементов и вам нужен динамический поиск этого списка по тексту, например: Я нажимаю на список, и он открывается, я могу начать вводить имя элемента и список скорректирует результаты.

items = [ 
{"id":1,"name":"AAA"}, 
{"id":2,"name":"BBB"}, 
{"id":3,"name":"CCC"}, 
{"id":4,"name":"DDD"} 
] 

Так что в этом случае начало ввода «a» покажет только первую строку.

Как я могу это достичь? Я попытался добавить тип ввода - текст как первую строку, но мне это не помогло. Вот мои выберите

<select type="text" ng-model="item" ng-options="item as item.name 
for item in items></select> 

Я также так методы и фильтр добавили, но это не имеет отношения к этой проблеме.

Answer 1

Если вы хотите найти динамически, то вы можете использовать машинописную директиву углового-интерфейс, вам нужно добавить свою зависимость в вашем приложении, в вашем случае вы можете использовать следующий код:

<input type="text" ng-model="customSelected" typeahead="item as item.name for item in items | filter:{name:$viewValue}"> 

для более подробной информации на typeahead, check http://angular-ui.github.io/bootstrap/#/typeahead