使用AngularJS和Restangular自动完成

时间:2013-12-09 19:38:38

标签: angularjs autocomplete restangular

我正在尝试使用angularJS和restangular添加自动完成功能。

http://plnkr.co/edit/Ud0c34afYZvHJ6ZQQX9N?p=preview

我不确定如何添加以下内容以使自动完成工作。有人可以建议如何使这项工作

angular.module('emps', ['restangular']).directive('autoComplete', function($timeout) {
    return function($scope, iElement, iAttrs) {
            iElement.autocomplete({
                source: $scope[iAttrs.uiItems],
                select: function() {
                    $timeout(function() {
                      iElement.trigger('input');
                    }, 0);
                }
            });
    };
});

1 个答案:

答案 0 :(得分:1)

虽然没有很多关于你需要它的信息,但我认为如果没有单独的指令,使用html5标签可以最好地解决这个问题。

使用此功能需要修改现有的index.html以包含以下内容。

<div ng-controller="AutoCtrls">
    <input list="names" ng-model="selected">
    <datalist id="names">
        <option value="{{name}}" ng-repeat="name in names"></option>
    </datalist>
     selected = {{selected}}
</div>

作为参考,index.html中的原始代码是

 <div ng-controller='AutoCtrls'>
    <input auto-complete ui-items="names" ng-model="selected">
     selected = {{selected}}
</div>