javascript - Angular UI Bootstrap TypeAhead - 如何强制用户选择

标签 javascript jquery angularjs angular-ui-typeahead

如果用户输入了与 typeAhead 结果匹配的部分单词,但没有选择弹出选项之一,我如何才能要求用户实际选择弹出选项之一?

示例:如果可能的结果称为 Penguin,并且用户开始键入 p-e-n,然后 penguin 弹出,但他们出于某种原因没有选择该选项,并且输入字段失去了焦点;然后选项的弹出窗口消失,输入字段显示“pen”,它没有 key 对值。

我如何强制用户返回并继续在 Penguin 中输入以选择选项?

最佳答案

在输入元素中添加 typeahead-editable="false"。然后,如果用户未选择任何值,则部分键入的值将被删除。在您的示例中,如果用户未选择企鹅,“笔”将被删除。

例如。

<input type="text" typeahead-editable="false"/>

关于javascript - Angular UI Bootstrap TypeAhead - 如何强制用户选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42028494/

相关文章:

jquery - 修改 jQuery Cycle2 的下一个/上一个分页器

javascript - 是否可以在保持父 div 固定的同时使子 div 静态?

javascript - 是什么触发 HTML 表单提交?

javascript - 在 WordPress 中隐藏选项卡

angularjs - 安装后 : cannot run in wd un in wd %s %s (wd=%s)

javascript - AngularJS 中重复范围定义方法

javascript - typescript :如何在自定义过滤器中使用 Angular $filter

javascript - 使用来自延迟的 JSON 请求的方法和类创建 Javascript 对象

JavaScript 组合二维数组

javascript - 当鼠标悬停在子级别元素上时,如何在多级别菜单之外显示 div