Bootstrap 预输入显示值

【问题标题】：Bootstrap typeahead displays valuesBootstrap 预输入显示值
【发布时间】：2017-02-17 21:20:14
【问题描述】：

我正在开发一个 Angular 应用程序，该应用程序在文本框上使用 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"
>

【问题讨论】：

标签： angularjs bootstrap-typeahead

【解决方案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 个字符，从而显着过滤掉大型数据集。

【讨论】：