arrays - 当 forEach 循环完成时迭代数组

Question

我正在尝试迭代一个数组，该数组是我根据 angular.forEach() 内的多个 http 调用构造的数组

函数

$scope.ticket_stats = function(){
    //cleaning variables
    $scope.data_set = [];
    $scope.closed_tickets = [];

    //fetching time stamps (epoch)
    $scope.time_frame = time_period.days(7);

              //calling data using time stamps
              angular.forEach($scope.time_frame, function(item) {
                  //debug
                  console.log(item);

                  var promise = tickets.status("closed", item);

                  promise.success(function(data){
                      console.log(data);
                      $scope.closed_tickets.push(data[0].datapoints[0][0]); // returns a numerical value
                  });

              });
              //SEE MESSAGE BELOW
              $scope.data_set.push($scope.closed_tickets);

}

最后一行$scope.data_set.push()正在工作，但一旦调用返回数据，它就会随着时间的推移而增加。我希望在 for Each 循环中的所有内容都完成后执行此行。我需要随后迭代 $scope.close_tickets 数组以在其中播放(添加)数据并构建第二个数组。

以下是该函数中使用的服务:

// CALL TICKETS STATS
app.service('tickets', function($http){

    this.status = function(status, date){
        var one_snap = date - 100;
        var url = "/url/render?format=json&target=sum(stats.tickets."+status+")&from="+one_snap+"&until="+date+"";
        return $http.get(url);
    };            
});

// TIME STAMPS MATHS
app.service('time_period', function(){
    var currentDate = parseInt((new Date).getTime()/1000);

    this.days = function(number){
        var pending = [];
        for (var i = number; i > 0; i--) {
            pending.push(currentDate - (87677*i));
        }
        return pending;
    }; 
});

我搜索信息并找到了有关 $q.all() 服务的信息，但未能按照我想要的方式实现此功能。

欢迎任何建议!谢谢!

Answer 1

您可以使用 $q.all 等待多个异步事件(promise)完成。

$scope.ticket_stats = function() {
    // list of all promises
    var promises = [];

    //cleaning variables
    $scope.data_set = [];
    $scope.closed_tickets = [];

    //fetching time stamps (epoch)
    $scope.time_frame = time_period.days(7);

    //calling data using time stamps
    angular.forEach($scope.time_frame, function(item) {
        // create a $q deferred promise
        var deferred = $q.defer();
        //debug
        console.log(item);

        tickets.status("closed", item).success(function(data) {
            console.log(data);
            $scope.closed_tickets.push(data[0].datapoints[0][0]);

            // promise successfully resolved
            deferred.resolve(data);
        });

        // add to the list of promises
        promises.push(deferred.promise);
    });

    // execute all the promises and do something with the results
    $q.all(promises).then(
        // success
        // results: an array of data objects from each deferred.resolve(data) call
        function(results) {
            $scope.data_set.push($scope.closed_tickets);
        },
        // error
        function(response) {
        }
    );
}

首先，deferred 表示一段需要未知时间执行的代码(异步)。 deferred.resolve(data) 只是表明代码已完成。数据可以是任何东西，对象、字符串等等，但它通常是异步代码的结果。同样，您可以使用 deferred.reject(data) 拒绝 promise (也许服务器抛出了错误)。同样，数据可以是任何东西，但在这里它可能应该是错误响应。

deferred.promise 仅返回一个 Promise 对象。 Promise 对象允许您设置诸如 .then(successFunction, errorFunction) 之类的回调，以便您知道一段代码在继续执行 successFunction (或 errorFunction 在失败的情况下)。在我们的例子中，$q 具有 .all 方法，该方法等待一系列 Promise 完成，然后以数组形式提供所有 Promise 的结果。

不要忘记注入(inject) $q 服务。