javascript - ng-repeat 2層循環
問題描述
<li ng-repeat='a in b'><a>{{a.id}}</a> //這里是循環數組出id<ul> <li ng-repeat=''>{{}}</li> //這里該怎么循環出arr的name?</ul></li>
數據結構
[{'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}} //這里是循環數組出id<ul>
<li ng-repeat='c in a.arr'>{{c.name}}</li> //這里該怎么循環出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 - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?5. 實現bing搜索工具urlAPI提交6. javascript - 移動端上不能實現拖拽布局嗎?7. angular.js - 單頁應用(ng/vue)該如何監聽用戶離開當前頁面(或者路由)?8. javascript - ios返回不執行js怎么解決?9. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙10. index.php錯誤,求指點

網公網安備