Angularjs autocomplete from $http

by

I made an autocomplete directive and uploaded it to GitHub. It should also be able to handle data from an HTTP-Request.

Here’s the demo: http://justgoscha.github.io/allmighty-autocomplete/
And here the documentation and repository: https://github.com/JustGoscha/allmighty-autocomplete

So basically you have to return a promise when you want to get data from an HTTP request, that gets resolved when the data is loaded. Therefore you have to inject the $qservice/directive/controller where you issue your HTTP Request.

Example: 

function getMyHttpData(){
  var deferred = $q.defer();
  $http.jsonp(request).success(function(data){
    // the promise gets resolved with the data from HTTP
    deferred.resolve(data);
  });
  // return the promise
  return deferred.promise;
}

I hope this helps.

More Related Contents:

  1. AngularJs $http.post() does not send data
  2. How to cancel an $http request in AngularJS?
  3. How to POST binary files with AngularJS (with upload DEMO)
  4. How to use $http promise response outside success handler
  5. AngularJS – Create a directive that uses ng-model
  6. Angular JS resizable div directive
  7. AngularJs ReferenceError: $http is not defined
  8. Understanding AngularJS ng-src
  9. AngularJS: Service vs provider vs factory
  10. AngularJS: ng-model not binding to ng-checked for checkboxes
  11. Filtering by Multiple Specific Model Properties in AngularJS (in OR relationship)
  12. AngularJS: How to make angular load script inside ng-include?
  13. Injecting $scope into an angular service function()
  14. AngularJS: ng-show / ng-hide not working with `{{ }}` interpolation
  15. Angular $scope.$apply vs $timeout as a safe $apply
  16. How do I fix the npm UNMET PEER DEPENDENCY warning?
  17. Using angularjs filter in input element
  18. How to access global js variable in AngularJS directive
  19. Click() function isn’t working in protractor scripts
  20. Send FormData with other field in AngularJS
  21. disable nganimate for some elements
  22. How to access/update $rootScope from outside Angular
  23. How to specify headers parameter for custom Angular $resource action
  24. Filter results 6 through 10 of 100 with ng-repeat in AngularJS
  25. Track to see when a view changes in angularjs
  26. Multiple Module in Angularjs
  27. WebAPI CORS with Windows Authentication – allow Anonymous OPTIONS request
  28. Ui-Router $state.go inside $on(‘$stateChangeStart’) is cauzing an infinite loop
  29. How to use the axios library with AngularJS
  30. Angularjs – Hide content until DOM loaded

Leave a Comment