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.closed_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等待多个异步事件（promises）完成。

$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)拒绝承诺（可能是服务器引发了错误）。同样，数据可以是任何东西，但在这里它可能应该是错误响应。

deferred.promise只返回一个promise对象。 promise对象允许您设置回调，如.then(successFunction, errorFunction)，这样您就可以知道一段代码已经完成执行，然后再转到successFunction（或者在失败的情况下为errorFunction）。在我们的例子中，$q有.all方法等待一系列的promises完成，然后将所有promises的结果作为数组提供给你。

不要忘记注入$q服务。

Answer 2

尝试仅制作一组承诺，但尚未解决它们。然后用$ q.all（）聚合它们。聚合后的promise会再次遍历这些promise的数组。现在你确定它们都已经解决了。

var promises = [];
angular.forEach($scope.time_frame, function(item) {
    promises.push(tickets.status("closed", item));
});

var aggregatedPromise = $q.all(promises);

aggregatedPromise.success(function(){
    angular.forEach(promises, function(promise) {
        promise.success(function(data){
            $scope.closed_tickets.push(data[0].datapoints[0][0]); // returns a numerical value
        });
    });
});

也许这不是最有效的方法，但我认为这应该可以解决您的问题。

Answer 3

即使你提到$ q.all并没有为你工作，因为我不明白为什么它应该，这就是我将如何做到这一点。

基本上你想要将一系列事物（时间戳）映射到其他东西（在这种情况下是承诺，因为我们有异步调用）并对结果数组执行一些操作。

var promises = $scope.time_frame.map(function (item) {
    return tickets.status("closed", item);
});

现在我们使用$q.all等待所有承诺解决：

$q.all(promises).then(function (tickets) {
    $scope.data_set.push(tickets);
});

当forEach循环全部完成时，迭代数组

3 个答案: