Javascript json数组格式并与angular 6一起使用
我使用一个json文件来显示数据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
[{"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;
}