angular.jsのより良い順次呼び出しを書くには？

Question

このようなコードを書くにはどうすればよいですか？複数回は、以前のリクエストのレスポンスを使用して、さまざまなソースとテーブルから新しいURLとエラスティック検索クエリを作成する必要があります。

$scope.whatIFinallyWant = {}; 
$http.get(url1).then(function(response1){ 
    // creating new url2 & query with response1 
    $http.get(url2).then(function(response2){ 
     // creating new url3 & query with response2 
     $http.get(url3).then(function(response3){ 
      // creating new url4 & query with response3 
      $http.get(url4).then(function(response4){ 
       // using the final response in UI ... 
       $scope.whatIFinallyWant = response4; 
      }) 
     }) 
    }) 
}) 

Answer 1

チェーンそう

$scope.whatIFinallyWant = {}; 
$http.get(url1) 
.then(function(response1) { 
    // creating new url2 & query with response1 
    return $http.get(url2); 
}).then(function(response2) { 
    // creating new url3 & query with response2 
    return $http.get(url3); 
}).then(function(response3) { 
    // creating new url4 & query with response3 
    return $http.get(url4); 
}).then(function(response4){ 
    // using the final response in UI ... 
    $scope.whatIFinallyWant = response4; 
}); 

Answer 2

$ http.get（）を返しますが（それは正確な形状だため、角度のドキュメントをチェックアウトしてください：https://docs.angularjs.org/api/ng/service/ $ HTTP）のデータを解決しているので、あなたはURLを形成し、（）$ http.getを呼び出すためにあらかじめ定義された機能を使用する場合がありますが：

let makeUrl = (promiseResult) => { 
    let url 
    /* some logic */ 
    return $http.get(url); 
} 

let logErr = (err) => { 
    console.error("Whoops! " + err); 
} 

$http.get(url1) 
    .then(makeUrl) 
    .then(makeUrl) 
    .then(makeUrl) 
    .then((finalUrl) => { 
    $scope.whatIFinallyWant = finalUrl; 
    }) 
    .catch(logErr)