在AngularJS中的Enter键上关闭Twitter typeahead答案

【问题标题】：Close Twitter typeahead on Enter key in AngularJS在AngularJS中的Enter键上关闭Twitter typeahead
【发布时间】：2014-10-17 15:37:38
【问题描述】：

我有一个使用Twitter typeahead 和Angular directive 的搜索字段。

当我点击 Enter 时（即没有选择任何建议时），我不知道如何关闭 预先输入的建议 .谁能帮帮我？

当按下 Enter 时，我可以通过 separate directive 触发搜索，但我不知道如何关闭建议。

我可以在运行搜索时使用这个技巧：

jQuery('.tt-dropdown-menu').hide();
jQuery('.tt-hint').hide();

和jQuery('.tt-hint').show();在其他按键上，但必须有更合适的方法。

【问题讨论】：

标签： angularjs twitter-typeahead

【解决方案1】：

您可以将 typeahead 放在表单中并添加 display: none 提交按钮

 <form novalidate>
      <input type="text"             
             ng-model="myModel"
             typeahead="something.value for something in myList" />
      <input type="submit" value="Submit" style="display: none">
</form>

当你按下回车键时，它会关闭 typeahead 指令

【讨论】：