I am Beginner in Ionin 2. I want to Parse this json
{ "id": 1, "product": "Gerbera", "product_type_id": 1, "description": "Gerbera L. is a genus of plants Asteraceae. It was named in honour of German botanist and medical doctor Traugott Gerber | who travelled extensively in Russia and was a friend of Carl Linnaeus.", "images": "http://factoryunlock.in/sundar/public/uploads/photos/07_17/1500965697_Growing-Gerbera-Flowers.jpg" }
This is my code details.ts
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { EarthquakesProvider } from '../../providers/earthquakes/earthquakes';
@IonicPage()
@Component({
selector: 'page-details',
templateUrl: 'details.html',
providers: [EarthquakesProvider]
})
export class DetailsPage {
// public DateList: Array<Object>;
item: any;
id: number;
constructor(public _navCtrl: NavController, public _earthquakes: EarthquakesProvider, public navParams: NavParams) {
this.id = navParams.get('id');
}
ionViewDidLoad() {
this.getEarthquakes(this.id);
}
getEarthquakes(id) {
this._earthquakes.loadEarthquakesdetails(id).subscribe(res => {
});
}
}
**html code**```
Product Details
{{ " Flower Name :" + product }}
</button>
<ion-card >
<div class=" col-50">
<ion-item style="width:100%">
<img [src]="images" />
</ion-item>
</div>
</ion-card>
<button ion-item text-wrap style="background: #eee;border: 1px solid #888">
<div class="item item-text-wrap">
{{" Discription :" + description }}
</button>
<ion-list>
**Provider code**
loadEarthquakesdetails(id) {
let headers = new Headers();
headers.append(‘Content-Type’, ‘application/json’);
headers.append(‘Authorization’, 'Bearer ’ + “eAKu0hiSYTqJTkV2yaBz6K1gVDK2TIDFcemjut3nlNoEJTRCNGEKHXRTi972”);
return this._http.get(http://factoryunlock.in/sundar/public/api/v1/products/${id}
,{headers: headers})
.map(res => res.json());
}