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

时间:2017-02-03 16:14:52

标签: javascript jquery angularjs angular-ui-typeahead

如果用户输入与typeAhead结果匹配的部分单词,但未选择其中一个弹出选项,我该如何让它要求用户实际选择其中一个弹出选项?

示例:如果一个可能的结果被称为Penguin,并且用户开始输入,则会弹出p-e-n和penguin,但是由于某种原因他们没有选择该选项,并且输入字段失去了焦点;然后弹出的选项消失了,输入字段说“pen”,它没有密钥对值。

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

1 个答案:

答案 0 :(得分:3)

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

例如

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