Angular UI Bootstrap TypeAhead - 如何强制用户选择
Angular UI Bootstrap TypeAhead - How to force a user selection
如果用户输入了与 typeAhead 结果匹配的部分单词,但没有 select 弹出选项之一,我如何才能要求用户实际上 select 其中一个弹出选项?
示例:如果可能的结果称为 Penguin,并且用户开始输入 p-e-n,然后 penguin 弹出,但由于某种原因他们没有 select 该选项,并且输入字段失去焦点;然后选项弹出窗口消失,输入字段显示 "pen" 没有密钥对值。
如何强制用户返回并继续在 Penguin 中输入 select 选项?
在输入元素中添加typeahead-editable="false"。然后,如果用户不 select 任何值部分键入的值将被删除。在您的示例中,如果用户没有 select Penguin,则 "pen" 将被删除。
例如
<input type="text" typeahead-editable="false"/>
如果用户输入了与 typeAhead 结果匹配的部分单词,但没有 select 弹出选项之一,我如何才能要求用户实际上 select 其中一个弹出选项?
示例:如果可能的结果称为 Penguin,并且用户开始输入 p-e-n,然后 penguin 弹出,但由于某种原因他们没有 select 该选项,并且输入字段失去焦点;然后选项弹出窗口消失,输入字段显示 "pen" 没有密钥对值。
如何强制用户返回并继续在 Penguin 中输入 select 选项?
在输入元素中添加typeahead-editable="false"。然后,如果用户不 select 任何值部分键入的值将被删除。在您的示例中,如果用户没有 select Penguin,则 "pen" 将被删除。
例如
<input type="text" typeahead-editable="false"/>