2016-05-24 150 views
1

我想解析這個使用ngrepeat的js中的json,但它沒有給出長度。任何人都可以告訴我如何解析此JSON如何使用ngrepeat解析這個json在角js中使用ngrepeat

{ 
    "item1": { 
    "timing": "9:15-12:30,15:00-21:15,13:00-14:30", 
    "price": 45, 
    "session": "breakfast", 
    "check": false 
    }, 
    "item2": { 
    "timing": "10:15-12:30,15:00-18:15", 
    "price": 55, 
    "session": "breakfast", 
    "check": true 
    }, 
    "item3": { 
    "timing": "15:00-18:15", 
    "price": 25, 
    "session": "snacks", 
    "check": true 

    } 

} 

UPDATE

<div ng-repeat="tempdata in jsonData"> 
<div>{{tempdata.timing}} 
</div> 
<div>{{tempdata.price}} 
</div> 
.... 
</div> 

我試圖通過NG-重複實現,但我被困 問候

+0

你正在試圖如何?請顯示你的代碼。你有一個對象和對象沒有長度(數組),'ng-repeat'文檔告訴你如何重複一個對象 – charlietfl

+0

@charlietfl你可以發表一個鏈接來解釋它嗎? – Kumar

+0

你可以請用代碼顯示你的方法嗎? – nutboltu

回答

1

你大概做這樣的事情。

<div ng-repeat="(key,val) in jsonData"> 
    <p>{{jsonData[key]["timing"]}}</p> 
    <p>{{{jsonData[key]["price"]}}</p> 
</div> 

如果你正在一個HTTP請求到收到您的JSON數據,請記住,角HTTP服務返回一個承諾,你將需要處理,添加的數據範圍之前。

+0

@ user2263572.it的工作很酷..感謝您節省了大量的時間... – Kumar

0

您正在通過鍵值對象運行ng-repeat。你的json數據不是數組。所以你需要使用鍵值來檢索數據。

<div ng-repeat="(key,value) in jsonData"> 
    <div>{{jsonData[key].timing}} 
    </div> 
    <div>{{jsonData[key].price}} 
    </div> 
    .... 
</div> 

以及jsonData沒有長度,因爲它是一個對象。

+0

@NutBoltu感謝回覆 – Kumar

+0

如果我的答案可以幫助你,請upvote或使其正確的答案 – nutboltu