Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用AngularJS和Restangular自动完成_Angularjs_Autocomplete_Restangular - Fatal编程技术网

使用AngularJS和Restangular自动完成

使用AngularJS和Restangular自动完成,angularjs,autocomplete,restangular,Angularjs,Autocomplete,Restangular,我正在尝试使用angularJS和restangular添加自动完成 我不知道如何添加以下内容,以使自动完成工作。有人能建议怎么做吗 angular.module('emps', ['restangular']).directive('autoComplete', function($timeout) { return function($scope, iElement, iAttrs) { iElement.autocomplete({

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

我不知道如何添加以下内容,以使自动完成工作。有人能建议怎么做吗

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);
                }
            });
    };
});

虽然没有太多关于你需要它做什么的信息,但我认为最好不用单独的指令,使用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>

选定={{selected}}
作为参考,index.html中的原始代码是

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

选定={{selected}}