2017-02-03 39 views
2

如果用户输入的部分单词与typeAhead结果相匹配,但未选择其中一个弹出选项,如何才能使用户实际选择其中一个弹出选项?Angular UI Bootstrap TypeAhead - 如何强制用户选择

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

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

回答

2

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

例如,

<input type="text" typeahead-editable="false"/> 
相关问题