AngularJS UI Bootstrap Typeaheadが期待通りに機能しない

私はElasticsearchとAngularJSを使用して小さな検索アプリを構築しています。私はAngularJS UIブートストラップを使用してオートコンプリートを実装しています。私はESのedge_n_gramsとhighlight objectを使って1）提案を生成し、2）提案を強調表示しています。 ESハイライトオブジェクトは、HTML タグの提案をラップします。はと思われます。AngularJS UI Bootstrap Typeaheadが期待通りに機能しない

1）私が代わりに検索ボタンをクリックするのEnterキーを押してください - 検索用語をタグで包み、何も検索が実行されませんが表示されている起こることすべて... search terms

2）場合にはIマウスで提案を選択すると、同じことが起こります。

検索が実行時間だけが私はクエリを入力し、検索ボタンをクリックすると...ここで

は、私が使用している検索フォームで、私がしている=「検索（）」NG-提出していますフォームの要素とボタンの上で、どこが間違っているのかわからない......？

<form name="q" ng-submit="search()" class="navbar-form" id="results-search" role="search"> 
    <div class="input-group"> 
    <input type="text" name="q" ng-model="searchTerms" class="form-control input-md" placeholder="{{ searchTerms }}" id="search-input" uib-typeahead="query for query in getSuggestions($viewValue)" typeahead-on-select="search($item)"> 

     <div class="input-group-btn"> 
     <button type="submit" ng-submit="search()" class="btn btn-primary btn-md"><i class="fa fa-search fa-lg"></i></button> 
     </div> 
    </div> 
</form>

UI Bootstrap Typeaheadで何か問題がありますか？

より明確化 だから基本的に私が求めているものを私は選択にして検索するため、提案から取り除かタグを得るのですかですか？

出典

2016-05-05 user3125823