Как обрабатывать данные, когда обещание в цикле?

Question

Это мой путь:

var activeArr = []; 
var activeDate = []; 
var day = (endDate - startDate)/(24 * 60 * 60 * 1000); 
for (var i = 1; i < day + 1; i++) { 
    activeDate.push(endDate - (24 * 60 * 60 * 1000) * i); 

    var start = endDate - (24 * 60 * 60 * 1000) * i; 
    var end = endDate - (24 * 60 * 60 * 1000) * (i - 1); 

    statisService.getRegStatis(start, end).then(function(data) { 
     activeArr.push(data); 
     if(activeArr.length == day){ 
      var active = []; 
      for(var j=0;j<activeArr.length;j++){ 
       var obj = {}; 
       obj.date = activeDate[j]; 
       obj.data = activeArr[j].data; 
       active.push(obj); 
      } 
      $scope.active = active; 
     } 
    }); 
} 

служба:

userServiceModule.factory('statisService', ['$http', 'serverUrl', function($http, serverUrl) { 
return { 
    getRegStatis: function(startDate, endDate) { 
     var url = serverUrl + "/adminDA/dbReport?startTime=" + startDate + "&endTime=" + endDate; 
     return $http.get(url).then(function(result) { 
      return result.data; 
     }); 
    } 
}; 

Я хочу поставить дату и данные в один объект, так что я могу использовать его в представлении, как это:

<tr ng-repeat="item in active track by $index"> 

Цикл for не будет ждать завершения всех вызовов службы. Поэтому я обрабатываю данные в цикле for, и я думаю, что это не очень хорошо, но я не знаю, как это сделать быть олучатель.

Answer 1

Вы должны использовать менеджер обещание $ q.defer(), из отложенного API.

$ q.defer() получить 2 метода:

• решительность (значение): которые разрешить наш ассоциированный обещание, дав ей окончательное значение

• отклонять (причина): которые разрешают ошибку обещания.

Кроме того $ q.all() взять обещание массив в качестве параметра, и решить все из них.

Контроллер

(function(){ 

function Controller($scope, Service, $q) { 

    var promises = []; 

    var defer = $q.defer(); 

    //Process loop 
    for (var i = 0; i < 20; ++i){ 
    //Fill my promises array with the promise that Service.post(i) return 
    promises.push(Service.post(i)); 
    } 

    //Resolve all promise into the promises array 
    $q.all(promises).then(function(response){ 
    //Create arr by maping each data field of the response 
    var arr = response.map(function(elm){ 
     return elm.data; 
    }); 
    //Resolve my data when she is processed 
    defer.resolve(arr); 
    }); 

    //When the data is set, i can get it 
    defer.promise.then(function(data){ 
    //Here data is an array 
    console.log(data) 
    }); 

} 

angular 
.module('app', []) 
.controller('ctrl', Controller); 

})(); 

Сервис

(function(){ 

    function Service($http){ 


    function post(num){ 
     //Just an example, I've pass an object, and just return it then 
     return $http.post('path_to_url', {id:num}); 
    } 

    var factory = { 
     post: post 
    }; 

    return factory; 

    } 

    angular 
    .module('app') 
    .factory('Service', Service); 

})();