angular2 NgFor仅支持绑定到可重用项,如数组

angular2 NgFor仅支持绑定到可重用项,如数组,angular,angular2-services,Angular,Angular2 Services,角2 rc.6 在json数据上运行循环时,我遇到以下错误 core.umd.js:5995异常:app/modules/mbs/components/menu.html:5:4中出现错误,原因是:找不到类型为“object”的不同支持对象“[object object]”。NgFor只支持绑定到数组之类的可重用文件 我的html循环,注意:我只想迭代响应中的属性和数组 <li *ngFor="let item of menuItems"> {{item}} &l

角2 rc.6

在json数据上运行循环时,我遇到以下错误

core.umd.js:5995异常:app/modules/mbs/components/menu.html:5:4中出现错误,原因是:找不到类型为“object”的不同支持对象“[object object]”。NgFor只支持绑定到数组之类的可重用文件

我的html循环,注意:我只想迭代响应中的属性和数组

<li *ngFor="let item of menuItems">
{{item}}
</li>
看起来你想要的

<li *ngFor="let item of menuItems.children">
{{item}}
</li>

{{item}}


一般来说,该错误意味着您试图迭代对象,而不是数组或可观察对象。

如果您试图迭代对象:

  <div *ngFor="let location of locations | keyvalue">
       {{location.key}} - {{location.value | json}}
  </div>

{{location.key}}-{{location.value | json}

您期望的结果是什么?您希望显示什么?正如错误所示,您不能简单地使用NgFor在对象中的成员之间循环。有很多方法可以解决这个问题,但我需要先了解你想做什么。谢谢你的评论。我只想显示属性并遍历子ArrayTanks,这在使用deezer api时帮助我使用angular 5应用程序。这帮助我遍历模板驱动的表单验证错误。这
keyvalue
真的很好。。。生活和学习!:D
<li *ngFor="let item of menuItems.children">
{{item}}
</li>
  <div *ngFor="let location of locations | keyvalue">
       {{location.key}} - {{location.value | json}}
  </div>