the data im getting from server comes in this format i want it to come in a form of an Object.
public getOrder(): Observable < ORDERS > {
return this._http.get < ORDERS > (`${this._apiBase}/charts/list/ORDERS/`);
}here how im getting the data from server.
ngOnInit() {
this._dashService.getOrder().subscribe(order => {
this.orders = order;
console.log(this.orders);
})
}This probably means that the your service is not setting the Content-Type property of the http header to application/json.
If you own the service, you could try to set the header property of the response.
If you are not able to change it, you can try the JSON.parse() method.
let result = this._http.get < ORDERS > ('${this._apiBase}/charts/list/ORDERS/'); return JSON.parse(result) as ORDERS; I am getting the feeling that your format is not correct. Are you sure the result from the service can map to the ORDERS type?
ORDERS[] instead of ORDER Your data contains multiple ORDER sets. Make the return type Observable<ORDERS[]> and you should be fine. You can even drop the JSON.parse() code.This will do the trick!
public getOrder(): Observable < ORDERS > {
return this._http.get(`${this._apiBase}/charts/list/ORDERS/`).map((res) => <ORDERS>res.json())
}
Just convert your response using json method.
public getOrder(): Observable < ORDERS > {
return this._http.get(`${this._apiBase}/charts/list/ORDERS/`)
.map((res) =>res.results as ORDERS[] || [])
.catch((error:any) => Observable.throw(error.json().error));
}
