角度高度な検索ボックスがフォーカスを失うキーボード

Question

ごとに提案したキーと値を選択した後、私はデモページのような（AngularJS 1.5.8、UI-ブートストラップ、jQueryを使って）アンギュラ上級検索ボックスを実装しました：

をHTML

<nit-advanced-searchbox ng-model="searchParams" parameters="availableSearchParams" placeholder="Search..."></nit-advanced-searchbox> 

スクリプト

$scope.availableSearchParams = [ 
     {...}, 
     { 
     key: "city", 
     name: "City", 
     placeholder: "City...", 
     restrictToSuggestedValues: true, 
     suggestedValues: ['Berlin', 'London', 'Paris'] }, 
     {...} 
    ]; 

}。

Hereもこの実装のPlunkerです。私はこの例を参照して私の問題を描写します。

検索フィールドに「city」と入力してEnterキーを押して選択すると、提案されたValue-List（Berlin、London、Paris）が約1秒間表示され、その後フォーカスが失われ、選択したKey-Value（都市）は自動的に削除されます。マウスポインタが検索入力フィールドの上に置かれていれば、これは起こりません。

この問題では、このモジュールを自分のサイトで使用することはできませんが、本当にしたいです：そこに何か提案はありますか？

Answer 1

OK、この（低レベル）が私のために働いた - 修正私はちょうどライン107（）コメントしました：

角度-上級検索ボックス - tpls.js [＃107]

$scope.searchQueryChanged = function (query) { 
    // updateModel('change', 'query', 0, query); 
}; 

を

この行は、「プレクエリ」を構築するために使用されます。あなたが「都市」を入力し始める場合は、searchParamsの範囲は、その場で一時的なクエリを生成し、選択したキーに変更されるだろう - のgE：「都市」が選択された後、これはその後、タイムアウトにつながる

{"query":"ci"} 

。私はこの「クエリー」が使われているのか分からない。すべてのことがさらに仕事をするだろう。しかし、時間がたつにつれ、私はこの問題の実際の修正を見ていきます:)