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. 淺談vue生命周期共有幾個階段?分別是什么?2. index.php錯誤,求指點3. 視頻 - html5 video的autoplay 在智能手機上不運作?4. javascript - 百度坐標,返回目標附近有哪些坐標5. css3 - 使用less編譯css后,后期的項目中less是直接放在項目文件中,后期如何維護呢6. css3 - 在css里面,樣式不生效問題7. node.js - 在阿里云搭建vue環境后npm run dev 沒有看到vue歡迎頁面而是 UnhandledPromiseRejection8. javascript - Jquary的contains如何做到精準匹配9. html5 - 前端面試碰到了一個緩存數據的問題,來論壇上請教一下10. javascript - ui-router AngularJS url顯示正常 頁面沒有變化?
