javascript - ng-repeat 2層循環(huán)
問題描述
<li ng-repeat='a in b'><a>{{a.id}}</a> //這里是循環(huán)數(shù)組出id<ul> <li ng-repeat=''>{{}}</li> //這里該怎么循環(huán)出arr的name?</ul></li>
數(shù)據(jù)結構
[{'id':1, 'ps':1, 'arr':[{'name':2,'user':13},{'name':3,'user':24}]},{'id':2, 'ps':2, 'arr':[{'name':4,'user':34},{'name':5,'user':45}]}]
問題解答
回答1:<li ng-repeat='a in b'>{{a.id}} //這里是循環(huán)數(shù)組出id<ul>
<li ng-repeat='c in a.arr'>{{c.name}}</li> //這里該怎么循環(huán)出arr的name?
</ul></li>
這樣子不可以嗎?
回答2:<li ng-repeat='a in b'> <a>{{a.id}}</a> <ul><li ng-repeat='c in a.arr'>{{c.name}}</li> </ul></li>回答3:
$scope.b=[{'id':1, 'ps':1, 'arr':[{'name':2,'user':13},{'name':3,'user':24}]},{'id':2, 'ps':2, 'arr':[{'name':4,'user':34},{'name':5,'user':45}]} ]
<li ng-repeat='a in b'> <a>{{a.id}}</a> <ul><li ng-repeat='c in a.arr'>{{c.name}}</li> </ul></li>
相關文章:
1. javascript - js 修改表格元素的,可以用DOM操作實現(xiàn)嗎?2. python中def定義的函數(shù)加括號和不加括號的區(qū)別?3. javascript - JS使用ele.style.backgoundImage = ’’ =’none’取消背景圖片都無效4. css3 - 如何出現(xiàn)橫向捲軸?5. 點擊頁面就自動輸入到mysql.求解6. javascript - js一個call和apply的問題?7. 老師,請問我打開browsersync出現(xiàn)這個問題怎么解決啊?8. javascript - js setTimeout在雙重for循環(huán)中如何使用?9. python - xpath提取網(wǎng)頁路徑?jīng)]問題,但是缺失內(nèi)容?10. javascript - 關于微信公眾號開發(fā)的一個trouble!
