angular-bootstrap typeahead using $http

Question

I try to use angular-bootstrap's typeahead plugin with $http service.At first, I use $http.success() like this:

$scope.filterProvinces = function(val){
    return service.provinceList({
         pageSize : 10,
         queryKey : val
     }).success(function(data, status, headers, config){
          return data.data.list;
       }
     ).error(function(data, status, headers, config){
          alert("no result!");
          return ;
     });
}

but it didn't work, so I change the code , like this:

$scope.filterProvinces = function(val){
    return service.provinceList({
         pageSize : 10,
         queryKey : val
     }).then(function(response){
         return response.data.data.list;
     });
}

and it was working, so I was confused. Why then() is ok but success() is not right.

The typeahead directive can work with a static array / collection or a promise. success and error are not standard promise methods. See docs.angularjs.org/api/ng/service/$http#deprecation-notice — Phil
– Phil, Commented Sep 2, 2015 at 2:24

David L · Accepted Answer · 2015-09-02 02:26:14Z

3

If you check the AngularJS source, you'll find that .success() actually takes a function itself as an argument, which is then invoked, passing in the deconstructed response object, ultimately calling .then() to resolve the promise.

Because of the lack of clarity, this was actually deprecated and the documentation for $http recommends the use of .then() instead.

The $http legacy promise methods success and error have been deprecated. Use the standard then method instead. If $httpProvider.useLegacyPromiseExtensions is set to false then these methods will throw $http/legacy error.

It's worth checking to make sure that this error is not being thrown.

answered Sep 2, 2015 at 2:26

David L

34.1k8 gold badges70 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

angular-bootstrap typeahead using $http

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