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

【问题标题】：json array format and use with angular 6json 数组格式并与 angular 6 一起使用
【发布时间】：2018-10-23 06:30:12
【问题描述】：

我正在使用 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);

  }
}

我的问题是：如何使用上面的服务和下面使用的json格式？

{"InvoiceHeaders":[{"id":3127,"creationTimestamp":"2018-10-22T13:57:08.000+0000","updateTimestamp":"2018-10-22T13:57:08.000+0000","status":"PENDING"}]}

我的索引文件：

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

请帮助我使用上面的数组显示数据（使用“InvoiceHeaders”）。

【问题讨论】：

你也可以发布你的 HTML。

标签： javascript json angular

【解决方案1】：

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

【讨论】：

【解决方案2】：

您应该返回如下内容：

this.http.get(this.baseurl).map(this.extractData)

这是提取函数：

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

【讨论】：