2つのhttpコールをAngularJSでチェーンする方法は？

Question

2つのhttp呼び出しをチェーンしようとしています。最初のレコードは一連のレコードを返し、次にそれぞれのレコードを取得する必要があります。

flightRecordService.query().$promise.then(function (flightRecords) { 
    $scope.flightRecords = flightRecords; 
    for (var i = 0; i < $scope.flightRecords.length; i++) { 
    $scope.flightRecords[i].financeDocument = 
     financeDocumentService 
     .isReferencedDocumentIdCompensated({ 
     id: $scope.flightRecords[i].id 
     }).$promise.then(
     function (data) { 
      return ({ 
      'isCompensated': data.headers['compensated'] 
      }); 

     } 
    ); 
    console.log($scope.flightRecords); 
    } 
}); 

これはFlightRecordオブジェクトです：

$$hashKey: "object:27" 
aircraft: {id: 100, registration: "LV-OEE", model: "152", status: "ACTIVE", brand: "Cessna", …} 
amountOfHours: 1 
canceled: false 
closed: false 
crew: [Object] (1) 
destiny: null 
endFlight: "2017-01-06T20:54:05.296" 
financeDocument: d 
    --> $$state: {status: 1, value: {isCompensated: "false"}} 
    --> d prototipo 
id: 100 
landings: 0 
nature: "LDI" 
opened: true 
origin: null 
purpose: "VP" 
startFlight: "2017-01-06T19:44:05.296" 
status: "OPENED" 
type: "ENT" 

financeDocumentオブジェクトは、私が期待する構造を有していない...私は次の形式を必要とする：私は変更する必要がどのような

... 
endFlight: "2017-01-06T20:54:05.296" 
financeDocument: { isCompensated: "false" } 
id: 100 
... 

それを得るために？

ありがとうございます！

Answer 1

元のオブジェクトに設定してみませんか？

flightRecordService.query().$promise.then(function (flightRecords) { 
    $scope.flightRecords = flightRecords; 
    for (var i = 0; i < $scope.flightRecords.length; i++) { 
     (function(record) { 
      financeDocumentService 
      .isReferencedDocumentIdCompensated({ 
      id: $scope.flightRecords[record].id 
      }).$promise.then(
      function (data) { 
       $scope.flightRecords[record].financeDocument = { 
       'isCompensated': data.headers['compensated'] 
       } 
      }); 
    })(i) 
    console.log($scope.flightRecords); 
    } 
}); 

Answer 2

Promiseを使用してfinanceDocumentプロパティを同期して設定しようとしています。約束の成功コールバックで変数を設定する必要があります。

Answer 3

は何をしたいと思うことは、あなたが余分な詳細情報を取得してきた場合に、各「フライトレコード」エントリを変更です。また、操作が完了したことを発信者に知らせるには、おそらく$q.allを使用します。

const promise = flightRecordService.query().$promise.then(flightRecords => { 
    return $q.all(flightRecords.map(flightRecord => { 
    return financeDocumentService.isReferencedDocumentIdCompensated({ 
     id: flightRecord.id 
    }).$promise.then(data => Object.assign(flightRecord, { 
     isCompensated: data.headers.compensated 
    })) 
    })) 
}) 

promise.then(flightRecords => { 
    $scope.flightRecords = flightRecords 
})