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ù)結(jié)構(gòu)
[{'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>
相關(guān)文章:
1. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境2. css3 - css怎么實(shí)現(xiàn)圖片環(huán)繞的效果3. android - 用textview顯示html時(shí)如何寫imagegetter獲取網(wǎng)絡(luò)圖片4. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?5. css - 定位為absolute的父元素中的子元素 如何設(shè)置在父元素的下面?6. JavaScript事件7. javascript - jquery hide()方法無效8. 網(wǎng)頁爬蟲 - 用Python3的requests庫模擬登陸B(tài)ilibili總是提示驗(yàn)證碼錯(cuò)誤怎么辦?9. 注冊(cè)賬戶文字不能左右分離10. html - vue項(xiàng)目中用到了elementUI問題
