angular2 NgFor仅支持绑定到可重用项,如数组
角2 rc.6 在json数据上运行循环时,我遇到以下错误 core.umd.js:5995异常:app/modules/mbs/components/menu.html:5:4中出现错误,原因是:找不到类型为“object”的不同支持对象“[object object]”。NgFor只支持绑定到数组之类的可重用文件 我的html循环,注意:我只想迭代响应中的属性和数组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
<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>