angular2 NgFor只支持诸如阵列结合Iterables

Angular2 rc.6angular2 NgFor只支持诸如阵列结合Iterables

我收到以下错误运行在JSON数据

core.umd.js循环时：5995 EXCEPTION：错误在app/modules/mbs/components/menu.html：5：4引起的：无法找到类型为'object'的不同支持对象'[object Object]'。 NgFor仅支持与阵列等Iterables绑定。

我的html循环，注意：我只是想在响应中迭代属性和数组。

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

我的服务方法

getMenuItems():Promise<any>{ 
    return this.http.get('api/menu').toPromise(). 
    then(response => response.json()) 
     .catch(this.handleError) 

}

以下是我的JSON响应

{ "text": "Menu", "children": [ { "text": "Home", "url": "/spatt-web/home" }, { "text": "Configure", "children": [ { "text": "Tri-Party Program", "children": [ { "text": "Margins and Filters", "url": "/sp-rrp/config/operation" }, { "text": "Fields and Desirability", "url": "/spatt-rrp/config/program" } ] }, { "text": "Shared Settings", "url": "/shared-config/config" }, { "text": "SOMA Limits", "url": "/outright-config/config" } ] }, { "text": "Plan", "children": [ { "text": "Tri-Party RRP Operations", "url": "/spatt-rrp/plan" } ] }, { "text": "Track" }, { "text": "Administer" }, { "text": "Help", "children": [ { "text": "RRP Operations", "url": "RRPference" }, { "text": "RRP Margin Calls and Recalls", "url": "RRPRecallference" } ] } ] }

来源

2016-09-15 d-man

什么是你所期望的结果？ – dfsq

你想要展示什么？正如错误所示，您不能简单地使用NgFor来循环对象中的成员。有办法解决它，但我需要了解你想要做的第一个 –

感谢评论。我只是想显示属性并遍历子数组 –

它看起来像你想

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

来源

2016-09-15 20:32:07

angular2 NgFor只支持诸如阵列结合Iterables

回答

相关问题