Angular2 http.post：使用subscribe創建promise

Question

我正在嘗試創建一個函數，它返回一個Promise作為代碼：（someprovider.ts）

postToPaymentApi(url:string, data:string, options:RequestOptions, order:Order):Promise<any>{
let result =  this.http.post(url, data, options).map(res => res.json())
  .subscribe(data => {
    // all my logic here!
    });
  }, error => {
    console.log(error)
  })

  return new Promise((resolve)=>{
    resolve(result)
  })

}

問題是，當我調用這個函數時，我沒有得到數據，因為這個帖子需要幾秒鍾才能完成，我在完成后得到了承諾。

this.postToPaymentApi(url, data, options, order).then(data => {
    console.log(data);
  })

我究竟做錯了什么？

Answer 1

如果你想創建一個返回promise的函數，你的函數應該是：

postToPaymentApi(url:string, data:string, options:RequestOptions, order:Order):Promise<any >{
   return new Promise((resolve, reject) => {
          this.http.post(url, data, options)
           .map(res => res.json())
           .subscribe(data => {
             resolve(data);
            }
           }, error => {
             console.log(error)
             reject({error: error});
           });
        });
}

Answer 2

Andre，您希望使用toPromise運算符將.map()返回的observable轉換為promise。 返回該運算符的結果

return http.post(...).map(...).toPromise()

現在返回一個正確的promise，所以調用代碼可以這樣使用它：

postToPaymentApi(...).then(
    data => console.log(data)
)