角度ui-bootstrap typeahead selectAatch回调吗？

一尘不染

角度ui-bootstrap typeahead selectAatch回调吗？

angularjs

我正在使用有角度的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">

如果我观看选定的值，则每按一次键都会得到更改…

scope.$watch('selected', function(newValue, oldValue) {... });

我知道方法selectMatch是在用户按Enter或单击列表时调用的方法，但我不知道如何对此进行回调…

谢谢！

阅读 210

2020-07-04

共1个答案

一尘不染

现在有更好的方法。添加了新的回调方法

在控制器文件中添加以下内容：

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

在视图中添加以下内容：

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

有关更多信息，请参见预先输入规范（搜索onSelect）。

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

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

2020-07-04