javascript - Angular $q 返回 promise 两次 $http 服务调用

Question

我是非常新的 Angular js，这里尝试为默认加载数据创建服务。我当前的函数循环遍历每个 api URL，并将每个 URL 推送到一个数组中，然后推送。我有这个功能，返回数组，需要将其展平。为什么会被记录两次？

cat.service('defaultload', [ '$http', '$q', '$rootScope',function($http, $q, $rootScope){
    this.getdefaultload = function(){
        var deferred = $q.defer();
        var defaulturl = ["/cat_questionWithAnswers", "/cat_user_template", "/cat_evaluation", "/cat_newForm", "/cat_sub_key_template_1"];
        var collectdefaultdata = [];
        angular.forEach(defaulturl, function(url, index){
            console.log( $rootScope.serviceURL + url + " ---- "+ index);
            collectdefaultdata.push($http.get($rootScope.serviceURL+url));
        });
        $q.all(collectdefaultdata).then(function(results){
        deferred.resolve(JSON.stringify(results));
        console.log(JSON.stringify(results, null, 2));
    });
    return deferred.promise;
    }
}]);

cat.controller('Loginctrl', ['$scope', '$rootScope','$state','$log','$http','defaultload', function($scope, $rootScope, $state, $log, $http, defaultload){

    $rootScope.serviceURL = 'https://dummy.com';
    defaultload.getdefaultload();

}]);

Answer 1

你正在加倍使用 Promise。 $http 已经是一个 promise ，因此 $q.all

也是如此

cat.service('defaultload', [ '$http', '$q', '$rootScope',function($http, $q, $rootScope){
    this.getdefaultload = function(){
        var defaulturl = ["/cat_questionWithAnswers", "/cat_user_template", "/cat_evaluation", "/cat_newForm", "/cat_sub_key_template_1"];
        var collectdefaultdata = [];
        angular.forEach(defaulturl, function(url, index){
            console.log( $rootScope.serviceURL + url + " ---- "+ index);
            collectdefaultdata.push($http.get($rootScope.serviceURL+url));
        });
        return $q.all(collectdefaultdata);
    }
}]);

然后您可以在 Controller 中使用它

cat.controller('Loginctrl', ['$scope', '$rootScope','$state','$log','$http','defaultload', function($scope, $rootScope, $state, $log, $http, defaultload){

    $rootScope.serviceURL = 'https://dummy.com';
    defaultload.getdefaultload()
    .then(function(results) {...}));

}]);