使用 body.json() 解析來自 http.get() 的響應時出錯

Question

嘗試使用 body.json() 將數據分配給 object 數組，但當它返回 promise 時嘗試了此操作。 但是瀏覽器拋出錯誤，告訴我 json() 不是 function。

getRecipes() {
  this.http.get('https://recipe-book-1be52.firebaseio.com/recipes.json').subscribe(
    (response: Response) => {
      response.json().then(
        (data) => {
          this.recServ.setRecipes(data)
        }
      );
    }
  )
}

Answer 1

angular httpClient 已經為你做了.json()

Answer 2

下面的代碼片段可以幫助你

  getRecipes() {
    this.http.get('https://recipe-book-1be52.firebaseio.com/recipes.json').subscribe(
      (response: Response) => {
            this.recServ.setRecipes(JSON.parse(JSON.stringify(response)));
      }
    )}

Answer 3

您實際上可以像這樣替換它，此外，可以將響應分配給接口以對其進行嚴格類型化。

getRecipes() {
  this.http.get('https://recipe-book-1be52.firebaseio.com/recipes.json').subscribe(
    (response) => this.recServ.setRecipes(response)
  );
}