angular5中的HTTP响应出现问题

Question

I am learning angular 5 from scratch. I have some issue with Http Response. I could not fetch data with get().

      getRecipes() {this.http.get('https://indhu-project-45b73.firebaseio.com/recipes.json')
          .subscribe(response => {
           const recipes: Recipe[] = response;
          this.recipeService.setRecipes(recipes);
          });

i have provided the imports as,

  import {Injectable} from '@angular/core';
  import {HttpClient} from '@angular/common/http';
  import {RecipeService} from '../recipes/recipe.service';
  import 'rxjs/add/operator/map';
  import {Recipe} from '../recipes/recipe.model';

also

  setRecipes(recipes: Recipe[]) {
   this.recipes = recipes;
   this.recipesChanged.next(this.recipes.slice());
   }

I know there must be some basic mistakes from my end. Can Someone help me in this. I am getting this following error

     "Type 'Object' is not assignable to type 'Recipe[]'.
      The 'Object' type is assignable to very few other types. Did you 
       mean to use the 'any' type instead?
      src/app/shared/data-storage.service.ts(17,15): error TS2322: Type 
      'Object' is not assignable to type 'Recipe[]'.
       The 'Object' type is assignable to very few other types. Did you 
        mean to use the 'any' type instead?
        Property 'includes' is missing in type 'Object'."

Answer 1

It's because the type of your response is Object so you can't assign it to recipes of type Recipe[]. You can use type 'any' for your response instead. It will work then.

getRecipes() {this.http.get('https://indhu-project-45b73.firebaseio.com/recipes.json')
      .subscribe((response: any) => {
       const recipes: Recipe[] = response;
      this.recipeService.setRecipes(recipes);
      });