循环内异步调用

时间:2016-03-11 15:16:30

标签: javascript angularjs contentful

我有以下代码:

$scope.getEntriesBySpace = function(space, entryIds){
        var entriesHolder = [],
            errors = [];

        if(entryIds && entryIds.length > 0){
            angular.forEach(entryIds, function(entryId){
                space.cf_space.getEntry(entryId.trim()).catch(function(error) {
                    console.log('Could not find entry using access token, Error', error);
                    return error;
                }).then(function(response) {
                    if(response){
                        entriesHolder.push(data);
                    }else{
                        errors.push({"id": entryId, "message": "Entry not found"});
                    }
                });
            });
        }
    };
我称之为:

$scope.getEntriesBySpace(sourceSpace, entries);

我想在每个调用在循环内完成后存储每个响应,并作为响应或错误的数组返回。

感谢任何帮助。

方法 getEntry 会返回承诺。

要参考,请参阅此库:https://github.com/contentful/contentful-management.js

由于

3 个答案:

答案 0 :(得分:1)

您可以使用lib async: https://github.com/caolan/async

$scope.getEntriesBySpace = function(space, entryIds){
    var entriesHolder = [],
        errors = [];

    var fn = function(entryId, callback){
          space.cf_space.getEntry(entryId.trim())
              .catch(function(error) {
                   console.log('Could not find entry using access token, Error', error);
                   /// just get out of here
                  return callback({"message": "Entry not found"});
              }).then(function(response) {
                  if(response){
                      // good response
                      return callback(null, data);
                  }else{
                      // bad response
                      return callback({"id": entryId, "message": "Entry not found"});
                  }
              });
    });

    if(entryIds && entryIds.length > 0){
        async.map(entryIds, fn, function(err, results){
            if(err) {
                // deal with the errors
            }
            // your array
            console.log(results);
        });
    }

});

答案 1 :(得分:1)

getEntriesBySpace无法返回您想要的项目数组(异步)。但是,它可以返回一个引用所需项目数组的promise。或者,既然你也想要错误,那么一个包含好结果和错误的对象。

$scope.getEntriesBySpace = function(space, entryIds){

    if(entryIds instanceof Array){
        return Promise.all(entryIds.map(function(entryId){
            return space.cf_space.getEntry(entryId.trim()).catch(function(error) {
                console.log('Could not find entry using access token, Error', error);
                throw error;
            });
       })).then(function(responses) {
           var resultAndErrors = {result: [], errors: []};
           responses.forEach(function(response) {
               if (!response) {
                   resultAndErrors.errors.push(({"id": entryId, "message": "Entry not found"});
               }
               else {
                   resultAndErrors.result.push(response);
               }
           });
           return resultAndErrors;
       });
    }
    else {
        return Promise.resolve([]);
    }
};

答案 2 :(得分:1)

所以有两种方法可以做到这一点。当你有承诺时,你通常也会寻找一个Promise.all方法,它是promise实现的一部分。在Angular中,你要做$ q.all。

那么你可以这样做:

$q.all(entryIds.map(function(entryId){ return space.cf_space.getEntry(entryId.trim()) })) .then(function(entries){ console.log(entries) })

但是,您似乎正在使用内容丰富的SDK,其中您还有一个getEntries方法,该方法具有query parameters,允许您在一个请求中一次获得多个条目。这将是最令人向往的事情,因为它会更快。

space.cf_space.getEntries({'sys.id[in]': entryIds.join(',')}) .then(function(entries){ console.log(entries) })