如何在 Angular 6 中使用异步获取 JSON 对象中的数据集合？答案

【问题标题】：How to get data collections within the JSON Object using async in Angular 6?如何在 Angular 6 中使用异步获取 JSON 对象中的数据集合？
【发布时间】：2019-05-29 01:51:21
【问题描述】：

我的来自服务器的 JSON 数据响应是

{ “有效”：真， “计数”：3， “代码”：200， “数据”：[ { “名称”：“xxx”， “部门”：“cse”， }, { “名称”：“yyy”， “部门”：“它”， }] }

<div *ngFor="let x of hotels$.data | async">
<hotel-list [listData]="x"></hotel-list>

我在上面尝试过，但我没有从循环中得到结果

【问题讨论】：

你能发布你从服务器获取数据的代码吗？
您需要添加更多信息。 hotels$ 是什么？它是可观察的吗？哪种类型？它是如何从服务器中检索出来的？

标签： javascript json angular typescript asynchronous

【解决方案1】：

虽然您提供的信息不足，但我认为您应该这样做：

<div *ngFor="let x of (hotels$ | async)?.data">

因为hotels$ 似乎是可观察的，但hotels$.data 不是。

【讨论】：