使用$http的angular-bootstrap typeahead

Question

我首先尝试在$http service.At中使用angular-bootstrap的typeahead插件，我像这样使用$http.success()：

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

但它不起作用，所以我修改了代码，如下所示：

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

它起作用了，所以我很困惑。为什么()是可以的，但是成功()是不正确的。

Answer 1

如果检查AngularJS source，您会发现.success()实际上将函数本身作为参数，然后调用该参数，传入解构的response对象，最终调用.then()来解析promise。

由于缺乏清晰度，这实际上已被弃用，$http的文档建议使用.then()。

$http遗留promise方法success和error已弃用。改用标准的then方法。如果$httpProvider.useLegacyPromiseExtensions设置为false，那么这些方法将抛出$http/legacy错误。

这是值得检查的，以确保此错误没有被抛出。