2016-06-27 28 views
0
var data = [ 
    { 
    "id": 0, 
    "name": "Will choose later" 
    }, 
    { 
    "id": 999999, 
    "name": "I have my own option" 
    }, 
    { 
    "id": 1, 
    "name": "Option 1", 
    "list": [ 
     {"id": 1, "name": "Sub 1", 
     "list": [ 
      {"id": 1, "name": "Sub 1"}, 
      {"id": 2, "name": "Sub 2"}, 
     ]}, 
    ] 
    }, 
    { 
    "id": 2, 
    "name": "Option 2", 
    "list": [ 
     {"id": 1, "name": "Option 2 - Sub 1"}, 
     {"id": 2, "name": "Option 2 - Sub 2"}, 
     {"id": 3, "name": "Option 2 - Sub 3"}, 
    ] 
    }, 
] 

這裏的數組結構是動態的,列表對象可能重複更多。是否有可能通過ng-repat(僅在html中播放)創建嵌套ul li。我嘗試過,但由於列表對象是動態的,我無法使它工作。我試圖在角度,但也會在jQuery中確定。請建議。使用ng-repeat的嵌套用戶界面

回答

0
<div ng-repeat="d in data"> 
{{d.id}} 
    <div ng-repeat="l in d.list"> 
     {{l.name}} 
    </div> 
</div> 
+0

不起作用。 OP需要遞歸解決方案,而不是靜態的。 – dfsq

+0

ok會更新它 –

+0

@dfsq:您分享的SO鏈接在2013年回答,現在應該有更好的答案 – Prashobh