Angularjs 引导用户界面-在选择时提前键入，不显示自定义值

我正在尝试使用引导添加自动完成功能。当从“自动完成”列表中选择一个值时，我希望在所选值的末尾附加“：”。由于某些原因，此附加不起作用。
我的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>

我可以在另一个变量中捕获查询的值，并可以显示在UI上，但显示在引导文本框上

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

---

任何人都可以提供帮助。

您的

$scope.onSelect

功能在此环境中正常工作。我猜想您发现了阻止预期行为的情况，做得很好。

只是稍微修改了ui引导程序0.14.3 typeahead，我认为它实现了您的期望。这有帮助吗？或者你有没有办法修改它来重新处理你的问题？我真的很感谢你的快速回复。对于uib typeahead而不是使用状态值，我们可以使用getLocation吗？我试图修改，但无法获得正确的代码。类似于我在getNext（$viewValue）上面所做的。我无法修复代码，也无法破坏plunker，尽管我在onSelect上有相同的精确值。它从不更新模型。最后一点希望，我也在加载这些，它们是否在交互？bootstrap-3.3.6/js/bootstrap.min.js“，bootstrap-switch-3.3.2/js/bootstrap-switch.min.js”，angular-bootstrap-switch.min.js“，ui-bootstrap-tpls-0.14.3.min.js”我有一个ng if条件，阻止它附加。我纠正了它，现在它工作了。我想用普朗克的例子来证明你的回答。我该怎么做。哦，太好了！很高兴你明白了。如果你愿意的话，我可以把上面的答案贴出来。

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