以角度

Question

我从我的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}}

如何解决该错误消息？

Answer 1

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

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

this.Hotels = JSON.parse(hotel)

希望这有帮助。

Answer 2

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