使用AngularJS和Restangular自动完成

Question

我想使用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); 
       } 
      }); 
    }; 
}); 

Answer 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>