Angularjs $ q.all

Tôi đã triển khai $ q.all trong anglejs, nhưng tôi không thể làm cho mã hoạt động. Đây là mã của tôi:

UploadService.uploadQuestion = function(questions){

        var promises = [];

        for(var i = 0 ; i < questions.length ; i++){

            var deffered  = $q.defer();
            var question  = questions[i]; 

            $http({

                url   : 'upload/question',
                method: 'POST',
                data  : question
            }).
            success(function(data){
                deffered.resolve(data);
            }).
            error(function(error){
                deffered.reject();
            });

            promises.push(deffered.promise);
        }

        return $q.all(promises);
    }

Và đây là bộ điều khiển của tôi gọi các dịch vụ:

uploadService.uploadQuestion(questions).then(function(datas){

   //the datas can not be retrieved although the server has responded    
}, 
function(errors){ 
   //errors can not be retrieved also

})

Tôi nghĩ rằng có một số vấn đề khi thiết lập $ q.all trong dịch vụ của mình.

Trong javascript không có block-level scopeschỉ function-level scopes:

Đọc bài viết này về javaScript Scoping và Hoisting .

Xem cách tôi gỡ lỗi mã của bạn:

var deferred = $q.defer();
deferred.count = i;

console.log(deferred.count); // 0,1,2,3,4,5 --< all deferred objects

// some code

.success(function(data){
   console.log(deferred.count); // 5,5,5,5,5,5 --< only the last deferred object
   deferred.resolve(data);
})

• Khi bạn viết var deferred= $q.defer();bên trong vòng lặp for, nó được đưa lên đầu hàm, điều đó có nghĩa là javascript khai báo biến này trên phạm vi hàm bên ngoài for loop.
• Với mỗi vòng lặp, cuối cùng chậm được trọng trước đó, không có phạm vi khối cấp để lưu một tham chiếu đến đối tượng đó.
• Khi gọi lại không đồng bộ (thành công / lỗi) được gọi, chúng chỉ tham chiếu đến đối tượng hoãn lại cuối cùng và chỉ nó được giải quyết, vì vậy $ q.all không bao giờ được giải quyết vì nó vẫn đang đợi các đối tượng hoãn khác.
• Những gì bạn cần là tạo một chức năng ẩn danh cho mỗi mục bạn lặp lại.
• Vì các hàm có phạm vi, nên tham chiếu đến các đối tượng được hoãn lại được bảo toàn closure scopengay cả sau khi các hàm được thực thi.
• Như #dfsq đã nhận xét: Không cần phải tạo một đối tượng trì hoãn mới theo cách thủ công vì bản thân $ http trả về một lời hứa.

  ---

Giải pháp với angular.forEach:

Đây là một plunker demo: http://plnkr.co/edit/NGMp4ycmaCqVOmgohN53?p=preview

UploadService.uploadQuestion = function(questions){

    var promises = [];

    angular.forEach(questions , function(question) {

        var promise = $http({
            url   : 'upload/question',
            method: 'POST',
            data  : question
        });

        promises.push(promise);

    });

    return $q.all(promises);
}

Cách yêu thích của tôi là sử dụng Array#map:

Đây là bản demo plunker: http://plnkr.co/edit/KYeTWUyxJR4mlU77svw9?p=preview

UploadService.uploadQuestion = function(questions){

    var promises = questions.map(function(question) {

        return $http({
            url   : 'upload/question',
            method: 'POST',
            data  : question
        });

    });

    return $q.all(promises);
}

$ http cũng là một lời hứa, bạn có thể làm cho nó đơn giản hơn:

return $q.all(tasks.map(function(d){
        return $http.post('upload/tasks',d).then(someProcessCallback, onErrorCallback);
    }));

Vấn đề dường như là bạn đang thêm thời deffered.promiseđiểm defferedchính là lời hứa mà bạn nên thêm:

Hãy thử thay đổi thành promises.push(deffered);để bạn không thêm lời hứa chưa được bao bọc vào mảng.

 UploadService.uploadQuestion = function(questions){

            var promises = [];

            for(var i = 0 ; i < questions.length ; i++){

                var deffered  = $q.defer();
                var question  = questions[i]; 

                $http({

                    url   : 'upload/question',
                    method: 'POST',
                    data  : question
                }).
                success(function(data){
                    deffered.resolve(data);
                }).
                error(function(error){
                    deffered.reject();
                });

                promises.push(deffered);
            }

            return $q.all(promises);
        }