Цепочки вложенных обещаний в цикле

Question

Существует контроллер, который говорит, что страны и их города используют службу, которая использует $http.get() для извлечения данных с сервера. Как страны, так и города являются массивами json.

Текущая реализация

сервис

service.getCountries = function() { 
    return $http.get('url'); 
} 

service.getCities = function(country) { 
    return $http.get('url' + country); 
} 

контроллер

 var getCountries = function() { 
      service.getCountries() 
       .success(function (countries) { 
        angular.forEach(countries, function (country) { 
         // process country 
         getCities(country); 
        }); 
       }) 
       .error(function() { 
        alert('failed to load countries'); 
       }); 
     }; 

     var getCities = function (country) { 
      service.getCities(country) 
       .success(function (cities) { 
        angular.forEach(cities, function (city) { 
         // process city 
        }); 
       }) 
       .error(function() { 
        alert('failed to load cities of ' + country); 
       }); 
     }; 

     var doAfterCountriesAndCitiesLoaded = function() { 
      // do 
     } 

     getCountries(); 
     doAfterCountriesAndCitiesLoaded(); 

Я хочу, чтобы приковать выборку стран и городов, так что doAfterCountriesAndCitiesLoaded() обрабатывается в качестве последней цепи.
Как этот код может быть преобразован в целую цепочку с правильной обработкой ошибок?

Answer 1

Если вам необходимо выполнить ряд обещаний параллельно, вам необходимо $q.all, и для того, чтобы цепи действий, вы должны вернуть свои обещания:

var getCountries = function() { 
    return service.getCountries() 
     .then(function (result) { 
      return $q.all(result.data.map(getCities)); 
     }).catch(function (result) { 
      var message = 'failed to load countries'; 
      console.log(message); 
      throw new Error(message); 
     }); 
}; 

var getCities = function (country) { 
    return service.getCities(country) 
     .then(function (result) { 
      angular.forEach(result.data, function (city) { 
       // process city 
      }); 
     }).catch(function() { 
      var message = 'failed to load cities of ' + country; 
      console.log(message); 
      throw new Error(message); 
     });  
}; 

var doAfterCountriesAndCitiesLoaded = function() { 
     // do 
}; 

getCountries().then(doAfterCountriesAndCitiesLoaded); 

Answer 2

Возврат результата вызова service.getCountries (что является обещанием) и связать результат с then и catch. В функции обратного вызова в первом вызове doAfterCountriesAndCitiesLoaded и в дескрипторе последнего имеются ошибки.

var getCountries = function() { 
    return service.getCountries() 
     .then(function (countries) { 
     .... 
}; 

getCountries() 
    .then(function(countries){ 
     doAfterCountriesAndCitiesLoaded(countries); 
    } 
    .catch(error){ 
     //handle errors 
    }