Angular - Как подождать два запроса, когда второй зависит от результатов от первого?

Question

Я пытаюсь получить два набора результатов из разных баз данных. Второй результат зависит от параметров, полученных из первого набора результатов. Я хочу, чтобы оба результата были возвращены перед продолжением. Глядя на некоторые другие вопросы, я думал, что, возможно, это будет работать:

app.factory('myService',['$http','$q',function ($http, $q){ 

     function getDetails(scope){ 
      var paths = []; 
      return $q.all([ 
       $http.post('getdetails.php',{begDate:scope.begDate, endDate:scope.endDate}) 
       .then(function(response) { 
        angular.forEach(response.data,function(table,key){ 
         angular.forEach(table, function(row,key){ 
          paths.push(row.CURRENT_PATH); 
         }) 
        }) 
        return response; 
       }) 
      , 
       $http.post('coordtest.php', {paths: paths}) 
       .then(function(response) { 
        return response; 
       }) 
      ]); 

     } 

     return { 
      getDetails: getDetails 
     }; 
}]); 

Но результаты как получить возвращается в то время как пути по-прежнему пусто?

Answer 1

Похоже, что вы не можете выполнить второй запрос, пока не получите данные из первого запроса. Однако вы хотите, чтобы обещание второго запроса было возвращено. Это возможно, но $q.all не совсем правильная подгонка (это более полезно для случаев, когда все запросы могут быть отправлены на один раз).

Что вы, кажется, на самом деле быть после имея один запрос (B) полагаются по результатам другого (A), но для возврата обещания B, чтобы его результаты могли быть использованы. Это возможно с помощью $q.defer создать обертку обещание, используя следующую закономерность:

var response = $q.defer(); 
$http.get('a').success(function(data){ 
    $http.get('b', data).then(response.resolve, response.reject); 
}); 
return response.promise; 

В вашем коде, это может выглядеть примерно так:

app.factory('myService',['$http','$q',function ($http, $q){ 

    function httpGetDetails(scope){ 
     return $http.post('getdetails.php',{ 
      begDate:scope.begDate, 
      endDate:scope.endDate 
     }); 
    }  

    function parseDetails(response){ 
     return response.reduce(function(parsedResults, table){ 
      var paths = table.map(function(row){ 
       return row.CURRENT_PATH; 
      }); 
      return parsedResults.concat(paths); 
     }, []); 
    } 

    function getDetails(scope){ 
     var result = $q.defer(); 

     var getDetailsRequest = httpGetDetails(scope); 

     getDetailsRequest.success(function(response){ 
      var paths = parseDetails(response); 

      $http.post('coordtest.php', {paths: paths}) 
        .success(result.resolve) // Both requests succeeded 
        .error(result.reject); // coordtest.php failed 
     }); 

     // getdetails.php failed. 
     // Consider sending params that make it more obvious which failed 
     getDetailsRequest.error(result.reject); 

     return result.promise; 
    } 

    return { 
     getDetails: getDetails 
    }; 
}]); 

Очевидно, что вы можете очистить функции немного, но это простой способ объединить обещания.

Идея состоит в том, что вы создаете долгосрочное обещание и вручную разрешаете его на основе результатов внутреннего (второго) запроса. Это похоже на возврат ответа coordtest на ваш завод myService, за исключением того, что это возможно (вы не можете синхронно возвращать обещание $http, выполненное в асинхронной функции, поэтому вы делаете и создаете обещание маскировки раньше времени).