Ошибка при использовании body. json () для синтаксического анализа ответа от http.get ()

Question

Пытался использовать body. json () для присвоения данных массиву объектов, но когда он возвращает обещание, попробовал это. Но браузер выдает ошибку, говоря мне, что json () не является функцией.

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

Нижеприведенный фрагмент кода может вам помочь

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

Answer 2

Фактически вы можете заменить его вот так. Кроме того, вы можете назначить ответ интерфейсу на его строгий тип.

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

Answer 3

angular httpClient уже делает. json () за вас