Angularjs $ q ทั้งหมด

ฉันใช้ $ q.all ใน angularjs แล้ว แต่ฉันไม่สามารถทำให้โค้ดทำงานได้ นี่คือรหัสของฉัน:

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);
    }

และนี่คือตัวควบคุมของฉันที่เรียกใช้บริการ:

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

})

ฉันคิดว่ามีปัญหาบางอย่างในการตั้งค่า $ q.all ในบริการของฉัน

ในจาวาสคริปต์ไม่มีblock-level scopesเพียงfunction-level scopes:

อ่านบทความนี้เกี่ยวกับjavaScript กำหนดขอบเขตและ Hoisting

ดูว่าฉันแก้ไขข้อบกพร่องรหัสของคุณอย่างไร:

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);
})

• เมื่อคุณเขียนvar deferred= $q.defer();ภายใน for loop มันจะขึ้นไปที่ด้านบนสุดของฟังก์ชันนั่นหมายความว่า javascript จะประกาศตัวแปรนี้ในขอบเขตฟังก์ชันที่อยู่ภายนอกไฟล์for loop.
• ในแต่ละลูปการเลื่อนครั้งสุดท้ายจะแทนที่การวนซ้ำก่อนหน้านี้ไม่มีขอบเขตระดับบล็อกที่จะบันทึกการอ้างอิงไปยังออบเจ็กต์นั้น
• เมื่อมีการเรียกใช้การเรียกกลับแบบอะซิงโครนัส (ความสำเร็จ / ข้อผิดพลาด) จะอ้างอิงเฉพาะอ็อบเจ็กต์สุดท้ายที่รอการตัดบัญชีและได้รับการแก้ไขเท่านั้นดังนั้น$ q.all จึงไม่ได้รับการแก้ไขเนื่องจากยังคงรอออบเจ็กต์อื่นที่รอการตัดบัญชี
• สิ่งที่คุณต้องการคือสร้างฟังก์ชันที่ไม่ระบุชื่อสำหรับแต่ละรายการที่คุณทำซ้ำ
• เนื่องจากฟังก์ชันมีขอบเขตการอ้างอิงถึงอ็อบเจ็กต์ที่รอการตัดบัญชีจะถูกเก็บรักษาไว้closure scopeแม้จะมีการเรียกใช้ฟังก์ชันแล้วก็ตาม
• ตามที่ #dfsq แสดงความคิดเห็น: ไม่จำเป็นต้องสร้างออบเจ็กต์ใหม่ที่รอการตัดบัญชีด้วยตนเองเนื่องจาก $ http ส่งคืนคำสัญญา

  ---

แก้ปัญหาด้วยangular.forEach:

นี่คือตัวอย่างสาธิต: 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);
}

วิธีที่ฉันชอบคือใช้Array#map:

นี่คือเครื่องมือสาธิต: 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 เป็นสัญญาเช่นกันคุณสามารถทำให้ง่ายขึ้น:

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

ปัญหาน่าจะเป็นว่าคุณกำลังเพิ่มdeffered.promiseเมื่อdefferedเป็นตัวเองสัญญาที่คุณควรจะเพิ่ม:

ลองเปลี่ยนpromises.push(deffered);เพื่อที่คุณจะได้ไม่ต้องเพิ่มสัญญาที่ยังไม่ได้ใส่ลงในอาร์เรย์

 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);
        }