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 += ": ";
}

我可以在另一个变量中捕获查询的值，并且可以在UI上显示，但是在bootstrap typhead文本框中。

我正在使用angular1.4.7 UI-自举-TPLS-0.14.3.min.js

任何人都可以帮忙。

Answer 1

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

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

1 个答案: