以角度绑定数据[对象对象]答案

【问题标题】：Binding data [object object] in angular以角度绑定数据[对象对象]
【发布时间】：2018-07-13 05:33:51
【问题描述】：

我从我的 API 在控制台中获得了这样的数据：

[
    {
        id:"123",
        name:"asd",
        address:"st.dddss",
        status:1
    }
]

我使用ngFor 调用它，我得到了这个错误：

错误错误：找不到不同的支持对象“[object Object]” '对象'类型。 NgFor 仅支持绑定到 Iterables，例如数组。

但这仍然有效并且数据正在显示。这是我的代码：

this._service
    .getHotelbyId(this.id)
    .subscribe(hotel =>
        {
          this.Hotels = hotel
          console.log(this.Hotels);
        },
        error =>
        {
            console.log(error);
        })

我用*ngFor这样称呼它

*ngFor="let z of Hotels

{{z.name}} , {{z.address}}

如何解决该错误消息？

【问题讨论】：

console.log(this.Hotels - 输出是什么？
我得到了这个 [{id:"123",name:"asd",address:"st.dddss",status:1}]
{{ 酒店 | json }} - 试试这个，结果是什么。？

标签： angular ngfor

【解决方案1】：

我相信这个错误是因为您将从您的 api 获得的 JSON 字符串响应分配给 this.Hotels。

您需要将 JSON 字符串解析为 Javascript 对象。试试这个。

this.Hotels = JSON.parse(hotel)

希望这会有所帮助。

【讨论】：

【解决方案2】：

问题已解决，只需删除 ngFor 并像这样使用数组索引Hotels[0].name link

【讨论】：