2015-06-19 52 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錯誤..

+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

+0

Yeps!這幾乎是工作...除了我得到整個會話對象,如果我這樣迭代...有沒有辦法stringfy這個對象? '

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

' –

+1

對不起,我不明白你的問題。你是否試圖迭代cartItem _and_ session?如果你可以發佈一個代碼示例(jsbin),它會很有幫助! – timeiscoffee

+0

我會試着解釋一下,我會重現小提琴上的代碼,但沒有真實的數據只是爲了看看我在做什麼。 我試圖做的是一種商店購物車:每次你點擊一個項目的日期會話,你必須添加到購物車會話時間和你選擇這個日期會話的次數。 我所做的是爲事件創建一個特定的對象,然後我將它的diferents屬性用於存儲會話: http://jsfiddle.net/dph4fg66/16/ –