1. 首页
  2. 问答
  3. NG重复（迭代）在复杂的JSON对象角

NG重复（迭代）在复杂的JSON对象角

2015-06-19 86 views
0

一个控制器返回我一个非常复杂的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错误..

来源

2015-06-19 Frnnd Sgz

+0

showItems是一个对象不是一个数组，你要重复上为什么呢？ – nikhil

+0

因为我需要在我的视图上显示这种结果： 1443564000000 - 1 1444428000000 -3 –

回答

4

假设你要遍历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

来源

2015-06-19 18:10:18 timeiscoffee

+0

Yeps！这几乎是工作...除了我得到整个会话对象，如果我这样迭代...有没有办法stringfy这个对象？ '

{{key}} {{value.sessions}}

' –

+1

对不起，我不明白你的问题。你是否试图迭代cartItem _and_ session？如果你可以发布一个代码示例（jsbin），它会很有帮助！ – timeiscoffee

+0

我会试着解释一下，我会重现小提琴上的代码，但没有真实的数据只是为了看看我在做什么。 我试图做的是一种商店购物车：每次你点击一个项目的日期会话，你必须添加到购物车会话时间和你选择这个日期会话的次数。 我所做的是为事件创建一个特定的对象，然后我将它的diferents属性用于存储会话： http://jsfiddle.net/dph4fg66/16/ –

相关问题

 相关问题