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

Question

如果用户输入的部分单词与typeAhead结果相匹配，但未选择其中一个弹出选项，如何才能使用户实际选择其中一个弹出选项？

例如：如果一个可能的结果被称为企鹅，并且用户开始打字，p-e-n和企鹅会弹出，但他们不会因为任何原因选择该选项，并且输入字段失去焦点;那么选项的弹出消失，并且输入字段表示“笔”，其不具有密钥对值。

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

Answer 1

在输入元素中添加typeahead-editable =“false”。然后，如果用户没有选择任何值，部分类型值将被删除。在你的例子中，如果用户没有选择企鹅，“笔”将被删除。

例如，

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