Angular 5 models httpClient type casting

Question

I declare a model in ingredient.model.ts

export class Ingredient {
 constructor(private name: string, public amount: number) {}

 getName() { return this.name }
         


        

Answer 1

In angular 5, You can do this:

export interface Deserializable {
    deserialize(input: any): T;
  }

export class Ingredient implments Deserializable{
constructor(private name: string, public amount: number) {}

deserialize(input: any): Project {
    Object.assign(this, input);
    // do nested thing here -pop arrays of nested objects and create them
    }
    return this;
  }

now in your service:

  httpClient.get(url).pipe(map(elem=>this.foo(elem)))
 .subscribe((igredient) => {console.log(igredient.getName());
   });

foo(ingredient:Ingrdient){
 var i = new Ingridiant().desrialize(ingredient)
}

after the map you will have the Ingradient class, not the object.