上一篇: angular总结-directive指令基础下一篇:在AngularJS中,ng-pristine和ng-...

angularjs – angular ui-bootstrap typeahead回调on selectMatch？

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了angularjs – angular ui-bootstrap typeahead回调on selectMatch？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我使用的角度ui-bootstrap typeahead，我想使用它作为一种方式来拾取许多选择，所以我需要得到选择的值，当SELEctMatch方法启动，但我不能找到如何做那在我的控制器

<div class='container-fluid' ng-controller="TypeaheadCtrl">
<pre>Model: {{SELEcted| json}}</pre>
<input type="text" ng-model="SELEcted" typeahead="state for state in states | filter:$viewValue">

如果我观看选择的值，我每次按下一个键时都有变化…@H_801_4@

scope.$watch('SELEcted',function(newValue,oldvalue) {... });

我得到的方法 SELEctMatch是一个被调用时，用户按enter或单击列表，但我不知道如何有一个回调的那个…@H_801_4@

谢谢！@H_801_4@

现在有更好的方法这样做。 A new callback method has been added

在控制器文件中添加如下内容：@H_801_4@

$scope.onSELEct = function ($item,$model,$label) {
    $scope.$item = $item;
    $scope.$model = $model;
    $scope.$label = $label;
};

在视图中添加以下内容：@H_801_4@

<input type="text"
        ng-model="SELEcted"
        typeahead="state for state in states | filter:$viewValue"
        typeahead-editable="false"
        typeahead-on-SELEct="onSELEct($item,$label)"/>

有关详细信息，请参阅typeahead spec(搜索onSELEct)。@H_801_4@

检查以下网址是否有帮助
http://www.techguides.in/how-to-create-autocomplete-using-angularjs-ui/@H_801_4@

http://www.techguides.in/how-to-customize-autocomplete-to-display-multiple-columns-using-angularjs-ui-2/@H_801_4@