Autocomplete using AngularJS and Restangular

Question

I am trying to add autocomplete using angularJS and restangular.

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

I am not sure how to add the following in order to make autocomplete work. Could someone suggest how to make this work

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

Macobo · Accepted Answer · 2013-12-09 21:50:25Z

1

While there's not alot of info about what you need this for, I think this could be best solved without a separate directive, using the html5 tag.

Using this requires modifying the existing index.html to contain the following.

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

For reference, the original code in index.html was

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

answered Dec 9, 2013 at 21:50

Macobo

751 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Autocomplete using AngularJS and Restangular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related