Angular 6 Convert Json data to an Object

Question

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); }) } 

Answer 1

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.

Answer 2

This will do the trick!

 public getOrder(): Observable < ORDERS > { return this._http.get(`${this._apiBase}/charts/list/ORDERS/`).map((res) => <ORDERS>res.json()) } 

Answer 3

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));
}