AngularJS嵌套承诺问题

时间:2014-06-27 12:27:38

标签: angularjs closures promise

我需要你的帮助来解决这个问题,事实上,我不知道如何在一些嵌套承诺中检索诺言结果,下面是我的代码

// service
mainApp.factory('myService',  ['CmisManager', '$q', 'ServiceCMIS', function(CmisManager, $q, ServiceCMIS) {        
            get_detailFold: function(_objectId){
                return ServiceCMIS.getDocumentProperties(_objectId)
                    .then(function(data){
                        var items = [] ;
                        var imgListe =  data.succinctProperties['tsi:image_liste'].split(';') ;

                        (function(imgListe){
                            for (var i=0; i<imgListe.length; i++) {
                                (function(index){
                                    var item = {} ;
                                    item.id = imgListe[index] ;
                                    return ServiceCMIS.getDocumentProperties(imgListe[index])
                                        .then(function(data){
                                            var contentStreamId = data.succinctProperties['cmis:contentStreamId'] ;
                                                return ServiceCMIS.getContentStreamDocumentURL(data[index], contentStreamId)
                                                    .then(function(data){
                                                    item.urlThumbnail = data ;
                                                    item.urlDetail = data ;
                                                    items.push(item) ;
                                        })
                                    })
                                })(i) ;
                            }
                            return items ;
                        })(imgListe) ;

                    })
                    .then(null, function(error){
                        return error;
                    }) ;
            }
        };
    }])
 }])            
// controleur
myService.get_detailFold(41946).then(function(data){
    $scope.datatest = data ;
}) ;

我希望得到像这样的结果

[
    {"id":1, "urlThumbnail":"./img/test/1.jpg", "urlDetail":"./img/test/1.jpg"},
    {"id":2, "urlThumbnail":"./img/test/2.jpg", "urlDetail":"./img/test/2.jpg"},
    {"id":3, "urlThumbnail":"./img/test/3.jpg", "urlDetail":"./img/test/3.jpg"},
    {"id":4, "urlThumbnail":"./img/test/4.jpg", "urlDetail":"./img/test/4.jpg"},
    {"id":5, "urlThumbnail":"./img/test/5.jpg", "urlDetail":"./img/test/5.jpg"}
]

但相反,我有未定义的

提前感谢您的帮助

1 个答案:

答案 0 :(得分:0)

你应该真正使用.map.forEach循环,以避免循环周围的那些讨厌的闭包。

那就是说,你的问题很简单,你是从封闭内部而不是在封闭中返回。

return items ;
})(imgListe) ;

从闭包的匿名调用函数返回,而不是为启动者执行:

})(imgListe) ;
return items ;

但是,您仍然没有以正确的顺序填充项目,因为它不会等待所有项目 - 因为这会利用等待一系列承诺的$q.all。您的代码应该类似于:

mainApp.factory('myService',  ['CmisManager', '$q', 'ServiceCMIS', function(CmisManager, $q, ServiceCMIS) {        
    //...
    get_detailFold: function(_objectId){
        return ServiceCMIS.getDocumentProperties(_objectId).then(function(data){
            var items = [] ;
            var imgList = data.succinctProperties['tsi:image_liste'].split(';');
            var ps = imgListe.map(function(img){
                return ServiceCMIS.getDocumentProperties(img).then(function(properties){
                    var contentStreamId = data.succinctProperties['cmis:contentStreamId'];
                    return ServiceCMIS.getContentStreamDocumentURL(img, contentStreamId);           
                }).then(function(data){
                    return { id:img, urlThumbnail: data, urlDetail: data };
                });
            });
            return $q.all(ps); // waits for all promises to resolve  
        }); // don't .catch here, let the other side handle failures
    }
}]);