bootstrap ui - typeahead onselect，不顯示自定義值

Question

我想使用bootstrap添加自動完成功能。當從自動完成列表中選擇一個值時，我想在所選值的末尾附加一個「：」。由於某些原因，此附加功能無法正常工作。
我的角度HTML代碼

<input type="text" ng-model="query" id="search_es" 
         typeahead="v for v in getNext($viewValue) | filter: type_filter" 
         typeahead-on-select='onSelect($item, $model, $label)' 
         autocomplete = "off" 
         placeholder="Type to search..." /> 
       <div my-search-directive="search_radar"></div> 

這裏是ONSELECT js代碼

$scope.onSelect = function($item,$model,$label) { 
     $scope.query += ": "; 
} 

我可以捕獲查詢的價值在另一個變量，可以顯示用戶界面，但在引導typhead文本框中。

我使用angular1.4.7 UI的自舉TPLS-0.14.3.min.js

任何人都可以請幫助。

Answer 1

您的$scope.onSelect函數在此modified ui-bootstrap example plunker中按預期工作。我收集你發現阻止預期行爲的條件，做得很好。