angular - Map Firebase snapshot data to Typescript class -
im stuck mapping firebase data(in json string) simple typescript class
this json string :
{ "-krgnlvkqpvwuyfxbco9":{ "category_icon":"https://firebasestorage.googleapis.com/v0/b/app_name.appspot.com/o/category%2fscreenshot%20(12).png?alt=media&token=6ef40a19-0ef8-440c-80ec-b12b3faa2d1e", "category_name":"sunglasses", "date_added":"23456789" }, "-krgnppcnk2mzdea2mc-":{ "category_icon":"https://firebasestorage.googleapis.com/v0/b/app_name.appspot.com/o/category%2fscreenshot%20(12).png?alt=media&token=802e2b07-aeda-47db-81f1-48fffbc76f27", "category_name":"eyelenses", "date_added":"23456789" } }
this typescript class :
export class category { category_name: string; category_icon: string; date_added: string; }
im using http request :
//this in service class loadcategory(){ return this.http.get(`https://us-central1-app-name.cloudfunctions.net/api/products`) .map((res:response) => res.json() ); }
i call above service :
this.categoryservice.loadcategory().subscribe(data => this.categories = data);
Comments
Post a Comment