Javascript json数组格式并与angular 6一起使用

Javascript json数组格式并与angular 6一起使用,javascript,json,angular,Javascript,Json,Angular,我使用一个json文件来显示数据 [{"id":3127,"creationTimestamp":"2018-10-22T13:57:08.000+0000","updateTimestamp":"2018-10-22T13:57:08.000+0000","status":"PENDING"}] 上面的json数据运行良好 我的服务: export class SummaryService { private baseurl='http://localhost:4200/asse

我使用一个json文件来显示数据

  [{"id":3127,"creationTimestamp":"2018-10-22T13:57:08.000+0000","updateTimestamp":"2018-10-22T13:57:08.000+0000","status":"PENDING"}]
上面的json数据运行良好

我的服务:

    export class SummaryService {
private baseurl='http://localhost:4200/assets/data.json'
constructor(private http: HttpClient) { }

getUsers() : Observable<any>{
   return this.http.get<User[]>(this.baseurl);

  }
}
我的索引文件:

<ul> <li> {{user.id}}  <li>
<li> {{user.creationTimestamp}}</li>
</ul>
  • {{user.id}
  • {{user.creationTimestamp}

请帮助我使用上面的数组(带有“InvoiceHeaders”)显示数据。

您应该返回如下内容:

this.http.get(this.baseurl).map(this.extractData)
这是提取函数:

private extractData(res: Response) {
        let body = res.json();
        return body;
    }

您要查找的是
{{this.user.InvoiceHeaders[0].updateTimestamp;}}}
,因为您正在对象内部发送数组。

您也可以发布HTML吗。
private extractData(res: Response) {
        let body = res.json();
        return body;
    }