AngularJS $q.all 用于 Controller 中的所有查询

Question

我在一个 Controller 中有多个查询，在 Controller 加载时加载(以及在我单击某些元素之后)

var d = $q.defer();
$scope.userOrders = UserOrders.query({id:$routeParams.id}, function(result) {
   d.resolve(result);

});
$q.all([d.promise]).then(function(response){
   $('#loading').hide();
});

我怎么只能写一次，而不是在每个 Controller 中？

Answer 1

将您的 ajax 逻辑封装在一个服务中

var services = angular.module('myServices', []);

services.factory('AjaxLoader', ['$q', function($q) {

    return {
        doAjax : function() {
           var d = $q.defer();
           $scope.userOrders = UserOrders.query({id:$routeParams.id}, function(result) {
               d.resolve(result);
           });

           $q.all([d.promise]);
        }
    }
});

在您的 Controller 中。

var controllers = angular.module('myControllers',[]);

controllers.controller('Controller', ['AjaxLoader', function(AjaxLoader) {
    AjaxLoader.doAjax().then(function() {
          $("#loading").hide();
    });
}]);