Angular 6将Json数据转换为对象

Question

从服务器获取的数据以这种格式出现，我希望它以对象的形式出现。

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

在这里，我如何从服务器获取数据。

 ngOnInit() { this._dashService.getOrder().subscribe(order => { this.orders = order; console.log(this.orders); }) } 

Answer 1

这可能意味着您的服务未将http标头的Content-Type属性设置为application / json 。

如果您拥有服务，则可以尝试设置响应的header属性。 如果您无法更改它，则可以尝试JSON.parse()方法。

Answer 2

这将解决问题！

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

Answer 3

只需使用json方法转换您的响应即可。

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