Question

我正在开发一个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"
>

Answer 1

如果您想等到实际开始输入文字值，而不是在点击它时打开它，您可以更改typeahead-min-length。

默认为＆＃39; 1＆＃39;，这意味着它只会在＆＃39; 1＆＃39;字符已输入输入。因此，在这种情况下，完全删除它将对您有用。

<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显示值

1 个答案: