NG重复(迭代)在复杂的JSON对象角
一个控制器返回我一个非常复杂的JSON对象:NG重复(迭代)在复杂的JSON对象角
{
"184": {
"title": "THE STONE ROSES",
"sessions": {
"1443564000000": {
"num": 5
},
"1442959200000": {
"num": 1
},
"1447196400000": {
"num": 1
},
"1444428000000": {
"num": 2
},
"1446332400000": {
"num": 3
}
}
}
}
我试图遍历它在我的看法是这样
<div class="large-6 columns" ng-repeat="item in showItems" st-raw>
<h1>{{item.sessions}}</h1>
</div>
与此代码我得到的一部分,如果所述对象打印在HTML响应:
{"1443564000000":{"num":1}}
但你可以看到,会议具有非常复杂的属性(我用的会话ID来存储它的数目)
我已经看到,使用了一些人这样做与NG-重复启动,就用我的情况下,它给了我severals错误..
假设你要遍历sessions
属性,它是不是一个数组而是一个对象,你将不得不遍历对象的属性:
<tr ng-repeat="(key, value) in data">
他再有一个例子:http://plnkr.co/edit/7AQF6k7hf2aZbWFmhVoX?p=preview
相关SO问题,其中例子是:How can I iterate over the keys, value in ng-repeat in angular
Yeps!这几乎是工作...除了我得到整个会话对象,如果我这样迭代...有没有办法stringfy这个对象? '
{{key}} {{value.sessions}}
对不起,我不明白你的问题。你是否试图迭代cartItem _and_ session?如果你可以发布一个代码示例(jsbin),它会很有帮助! – timeiscoffee
我会试着解释一下,我会重现小提琴上的代码,但没有真实的数据只是为了看看我在做什么。 我试图做的是一种商店购物车:每次你点击一个项目的日期会话,你必须添加到购物车会话时间和你选择这个日期会话的次数。 我所做的是为事件创建一个特定的对象,然后我将它的diferents属性用于存储会话: http://jsfiddle.net/dph4fg66/16/ –
showItems是一个对象不是一个数组,你要重复上为什么呢? – nikhil
因为我需要在我的视图上显示这种结果: 1443564000000 - 1 1444428000000 -3 –