Bootstrap typeahead отображает значения

Question

Я работаю над угловым приложением, которое использует текстовое поле bootstrap typeahead. Когда я нажимаю внутри текстового поля, все значения отображаются в раскрывающемся списке. У меня более 1000 элементов для поиска, и есть задержка с момента, когда пользователи нажимают внутри текстового поля и когда они могут печатать. Как отключить значения, появляющиеся после нажатия текстового поля? Вот мой HTML код

<input id="filterValue1" 
    class="form-control input-sm" type="text" 
    ng-model="modalCriteria.filterValue1" 
    uib-typeahead="option.value as (option.valueDescription) for option in valueSetOptions | filter:$viewValue | limitTo:1500" 
    placeholder="Select a value" 
    typeahead-min-length="0" 
    typeahead-editable="true" 
> 

Answer 1

Если вы хотите, чтобы ждать, пока они на самом деле не начать вводить текстовое значение, а не только открыть его, когда они нажимают на него, вы можете изменить typeahead-min-length.

По умолчанию это «1», что означает, что он начнет поиск совпадений, когда на вход введен символ «1». Таким образом, в этом случае удаление его полностью будет работать на вас.

<input id="filterValue1" 
    class="form-control input-sm" type="text" 
    ng-model="modalCriteria.filterValue1" 
    uib-typeahead="option.value as (option.valueDescription) for option in valueSetOptions | filter:$viewValue | limitTo:1500" 
    placeholder="Select a value" 
    typeahead-editable="true"> 

Кроме того, установив его на typeahead-min-length="2" будет ограничивать его еще больше, так как это будет только начать согласования на 2 символов, резко отфильтровывать большой набор данных.