angularjs – 在Angular.js中进行AJAX调用的最佳做法是什么？

想法是创建一个服务，返回一个promise返回的数据，然后调用它在你的控制器，并处理承诺，填充你的$ scope属性。

服务

module.factory('myService',function($http) {
   return {
        getFoos: function() {
             //return the promise directly.
             return $http.get('/foos')
                       .then(function(result) {
                            //resolve the promise as the data
                            return result.data;
                        });
        }
   }
});

控制器：

处理promise的then()方法并从中获取数据。设置$ scope属性，并做任何你可能需要做的事情。

module.controller('MyCtrl',function($scope,myService) {
    myService.getFoos().then(function(foos) {
        $scope.foos = foos;
    });
});

视图内容承诺分辨率(仅限1.0.X)：

在Angular 1.0.X中，这个原始答案的目标，promise会得到View的特殊处理。当它们解析时，它们的解析值将绑定到视图。这在1.2.X中已被弃用

module.controller('MyCtrl',myService) {
    // now you can just call it and stick it in a $scope property.
    // it will update the view when it resolves.
    $scope.foos = myService.getFoos();
});