如何在程序之前以角度执行所有承诺?

时间:2018-03-01 22:54:31

标签: javascript angularjs promise angular-promise

我必须从互联网上收集数据才能显示它,我正在使用承诺来实现它。我需要完成所有请求才能继续执行代码。在执行最终之前,我需要完成所有请求。这是代码:

var start = function(){
    $rootScope.albums = [];
    var albums = [];

    facebookConnectPlugin.api('/me?fields=albums{cover_photo,name}&access_token=' + $scope.user.authResponse.accessToken, [],
        function (response) {
            $ionicLoading.show();
            var alb = response.albums.data; // array 
            var sequence = $q.all([]);

            angular.forEach(alb, function(album) {
                sequence = sequence.then(function() {
                    return $timeout(function () {
                        facebookConnectPlugin.api('/' + album.cover_photo.id + '?fields=picture&access_token=' + $scope.user.authResponse.accessToken, null,
                            function (response) {
                                album.c = response.picture;
                                albums.push(album);
                            },
                            function (errObj) {
                                alert(JSON.stringify(errObj));
                            });
                    },100);
                });
            });

            sequence.finally(function () {
                $rootScope.albums = albums;
                $ionicLoading.hide();
                $state.go('tab.albums');
            });
       },function (response) {
            alert(JSON.stringify(response));
       });
  }

我相信我不应该使用$ timeout,但这是我找到的唯一方法。此外,有时它不会返回所有请求。我肯定做错了什么。如果我使用更高的$ timeout值,比如5000,我可以获得所有值,但我不想依赖它来使它工作。在执行finally代码之前,需要收集所有专辑封面。在运行finally函数之前,为了运行所有请求,我应该更改什么?

我已经使用此代码作为参考,并且已经在网上搜索了很长时间的其他参考: https://gist.github.com/slavafomin/8ee69f447765bc5c5e19

1 个答案:

答案 0 :(得分:2)

请尝试:

var start = function(){
$rootScope.albums = [];
facebookConnectPlugin.api('/me?fields=albums{cover_photo{picture},name}&access_token=' + $scope.user.authResponse.accessToken, [],
    function (response) {
        $ionicLoading.show();
        var albums = response.albums.data.map(album => {
            album.c = album.cover_photo.picture;
            return album;
        });
        $rootScope.albums = albums;
        $ionicLoading.hide();
        $state.go('tab.albums');
   },function (response) {
        alert(JSON.stringify(response));
   });
}

编辑:您不需要使用angular $ q服务,只需更改requestPath参数即可。请参阅上面的更新。

有关详细信息,请参阅https://developers.facebook.com/docs/graph-api/