使用AngularJS和Restangular自动完成
我正在尝试使用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({
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}}