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

Question

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

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

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

Answer 1

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

例如。

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