angularjs - bootstrap ui - typeahead onselect，不显示自定义值

Question

我正在尝试使用 Bootstrap 添加自动完成功能。当从自动完成列表中选择一个值时，我想在所选值的末尾附加一个“:”。由于某种原因，此附加功能不起作用。
我的 Angular 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 += ": ";
}

我可以捕获另一个变量中的查询值，并可以显示在 UI 上，但显示在 Bootstrap 打字头文本框中。

我使用的是 angular1.4.7 ui-bootstrap-tpls-0.14.3.min.js

任何人都可以帮忙吗？

Answer 1

您的 $scope.onSelect 函数在此 modified ui-bootstrap example plunker 中按预期工作。我猜您发现了阻止预期行为的条件，做得很好。