$ q.all（）在then子句之前未运行所有promise

Question

我需要完成所有的ajax调用才能启用按钮，但是在启用按钮之前，我并没有完成所有的承诺。

我所有的ajax都获得了这段代码：

                $q.all([
                    $scope.load_ocupacoes(),
                    $scope.load_tipos_pisos(),
                    $scope.load_tipos(),
                    $scope.load_caracteristicas(),
                    $scope.load_amenidades(),
                    $scope.load_subtipos(true, 'incluir')
                ]).then(function() {
                    console.log('loading complete !!!');
                    $scope.theglyphicon = 'fa fa-check fa-fw';
                    $scope.isDisabledButton = false;
                });

每个加载函数都是一个$ http.get，如下所示：

    $scope.load_ocupacoes = function() {

        $http.get(url_api_status_ocupacao)
            .success(function(response) {
                console.log(response);
                $scope.status_ocupacoes = response;
            })
            .error(function(response) {
                console.log(response);
                ngToast.create({
                    className: 'danger', 
                    content: 'Não foi possível recuperar a lista.'
                });
            });
    };

我也尝试过这种方式：

        $scope.load_ocupacoes = function() 
{$resource(url_api_status_ocupacao).query().$promise.then(function(response) {
                console.log(response);
                $scope.status_ocupacoes = response;
            });
    };

这...但是有同样的问题：

    $scope.load_ocupacoes = function() {
        $timeout(function(){
            $scope.$apply(function() {
                $scope.status_ocupacoes = appFactory.recuperarLista(url_api_status_ocupacao)
                    .then(function(result) {
                        console.log(result);
                        $scope.status_ocupacoes = result;
                    });
            });
        });
    };

但是，我收到消息“加载完成！！！” 在所有加载结束之前。

这种方法有什么问题吗？

Answer 1

可能会有更多错误，但是基本的误解是$q.all接受了promise，并且所有函数都返回undefined （因为它们没有return语句）-因此，您获得$q.all而不是得到六个promise六个未定义。 AFAIK， $http.get默认情况下返回一个promise，所以解决它的一种方法是在$http.get前面的每个函数中添加return语句，如下所示：

   $scope.load_ocupacoes = function() {   
        return $http.get(url_api_status_ocupacao)
            .then(function(response) {

            });
    };

Answer 2

我想$ q.all都接受诺言。

这必须适用于所有其他人的相关方法。

$scope.load_ocupacoes = function() {   
        $http.get(url_api_status_ocupacao)
            // use then instead success
            .then(function(response) {
                 // return raw promise instead actual value
                return response;
            }, console.log('error));
    };

Answer 3

$ q.all需要一个promise数组，但是您正在提供一个既不返回任何promise的函数。

你可以这样做 ：

    $q.all([
$http.get(url_api_status_ocupacao),
$http.get(url_api1),
$http.get(url_api2)
]).then(function() {
 ......
                    });

Answer 4

我已经用这种方法解决了我的问题：

var promises = [appFactory.recuperarLista(url_api_status_ocupacao),
                appFactory.recuperarLista(url_api_tipos_pisos),
                appFactory.recuperarLista(url_api_caracteristicas),
                appFactory.recuperarLista(url_api_amenidades)
                ];
$q.all(promises).then(function (responses) {
    $scope.status_ocupacoes = responses[0];
    $scope.tipos_pisos = responses[1];
    $scope.caracteristicas = responses[2];
    $scope.amenidades = responses[3];
}).then(function() {
    console.log('All Loading completed !!!');
});

我承诺退还工厂：

angular.module('starter.services', ['datatables'])
.factory('appFactory', function($http, $q) {

 return {
       recuperarLista: function(url) {

            var deferred = $q.defer();

            $http({ method: "GET", url: url })
                .success(function (data, status, headers, config) {
                    deferred.resolve(data);
                }).error(function (data, status, headers, config) {
                deferred.reject(status);
            });

            console.log('loading for ' + url + ' was completed !!!');

            return deferred.promise;
        }
    };
});

现在，我得到以下控制台输出：

loading for api/loadliststatusocupacoes was completed !!! 
services.js:171 
loading for api/loadlisttipospisos was completed !!!
 services.js:171 
loading for api/loadlistcaracteristicas was completed !!!
 services.js:171 
loading for api/loadlistamenidades was completed !!! 
services.js:171
All Loading completed !!! 
imovel-controller.js:690