Ionic4 使用 ngFor 获取对象内部的数据答案

【问题标题】：Ionic4 get data inside an object which is inside an object with ngForIonic4 使用 ngFor 获取对象内部的数据
【发布时间】：2019-08-13 07:58:07
【问题描述】：

我试图显示来自 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

我得到的回应是：

错误：找不到类型为“object”的不同支持对象“[object Object]”。 NgFor 只支持绑定到 Arrays 等 Iterables。

【问题讨论】：

标签： angular object ionic4 ngfor

【解决方案1】：

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

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

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

【讨论】：