在继续之前如何以角度执行所有承诺？

Posted 2021-05-03

我必须从互联网上收集数据才能显示它，我正在使用promises来制作它。我需要完成所有请求才能继续执行代码。在执行finally之前，我需要完成所有请求。这是代码：

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

答案

请试试：

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

编辑：您不需要使用角度$ q服务，您只需要更改您的requestPath参数。请参阅上面的更新。

有关更多信息，请参阅https://developers.facebook.com/docs/graph-api/。