Ionic4 使用 ngFor 在对象内部获取数据

Question

我试图显示来自 Api 的一些数据，但我需要的数据在一个对象内部，而这个对象又在一个对象内部。我如何获得它？

我正在尝试获取 full_url 内部数据对象，它位于头像对象内部。我已经试过了：

<ion-list>
    <ion-item *ngFor="let user of users.data">
        <ion-label>
            <h2>{{ user.uname }}</h2>
            <p *ngFor="let data of user.avatar.data">{{ data.url }}</p>
        </ion-label>
    </ion-item>
</ion-list>

这是 Api 响应结构： Api Response Structure

我得到的回复是：

Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

Answer 1

user.avatar.data 是对象，不是数组。因此你会收到这个错误。

要么修改响应以传递数组，要么简单地更改 <p> 标记，例如：

<p>{{ user.avatar.data.url }}</p>

Ionic4 使用 ngFor 在对象内部获取数据

Ionic4 get data inside an object which is inside an object with ngFor

angular

object

ionic4

ngfor