angularjs UI-выберите отключить раскрывающийся список и сделать его только для поиска

Question

Вот plunker моего вопроса: http://plnkr.co/edit/9DsLidTZR7RJDEq6PW0H?p=preview

Я хотел бы сделать выпадающее меню только для поиска: использование только видит список элементов раскрывающихся ТОЛЬКО когда пользователь начинает вводить текст, и в списке должны появляться только соответствующие элементы, которые содержат введенное слово или буквы, иначе список вообще не отображается.

<ui-select ng-model="person.selectedValue" theme="select2" ng-disabled="disabled" style="min-width: 300px;" title="Choose a person"> 
    <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.value.name}}</ui-select-match> 
    <ui-select-choices repeat="person.value as (key, person) in peopleObj | filter: {'value':$select.search}"> 
     <div ng-bind-html="person.value.name | highlight: $select.search"></div> 
     <small> 
     email: {{person.value.email}} 
     age: <span ng-bind-html="''+person.value.age | highlight: $select.search"></span> 
     </small> 
    </ui-select-choices> 
    </ui-select> 

Answer 1

Вы можете использовать ng-style и изменить свойство выбора ul высоты. Не думайте, что в библиотеке есть какое-либо решение OOB.

<ui-select-choices ng-style="($select.search != '')? {'height' : 'auto'}: {'height' : '0px'}" repeat="person.value as (key, person) in peopleObj | filter: {'value':$select.search}"> 
     <div ng-bind-html="person.value.name | highlight: $select.search"></div> 
     <small> 
     email: {{person.value.email}} 
     age: <span ng-bind-html="''+person.value.age | highlight: $select.search"></span> 
     </small> 
</ui-select-choices> 

Сообщите нам.