Bootstrap typeahead 显示值

Question

我正在开发一个 Angular 应用程序，该应用程序在文本框上使用 bootstrap 预输入。当我在文本框内单击时，所有值都显示在下拉列表中。我有超过 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 个字符，从而显着过滤掉大型数据集。

Bootstrap typeahead 显示值

Bootstrap typeahead displays values

angularjs

bootstrap-typeahead