Angular UI Typeahead - 手動清除/隱藏下拉列表

Question

我的用例相當簡單。 我正在使用typeahead指令作為搜索框，並希望在按下Enter鍵時手動清除/隱藏其下拉列表（並且您沒有選擇任何內容） - 就像谷歌那樣。

PS清除下拉列表時，我的搜索框中的文本需要保持不變

Answer 1

您必須在表單中包裝typeahead元素。 如果您這樣做，預先輸入將提交表格。 如果添加ng-submit指令，則可以將所需的行為放在那里。

<form ng-submit="search(query)">
  <input type="text" ng-model="query"
     typeahead="foo as foo for foo in bars"
     typeahead-on-select="onSelect($item)"
     typeahead-focus-first="false"
     />
</form> 

使用版本0.12.0的angular-bootstrap進行測試。 請參閱相關問題中的注釋： https ： //github.com/angular-ui/bootstrap/pull/2916 ：

預期的行為是，當從輸入命中輸入並且沒有任何焦點時，提交外部表單

Answer 2

只需執行beow代碼即可關閉UI Typeahead列表/下拉列表，除非它不會損害您的應用程序：

$（ '身體'）點擊（）;