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. javascript - node.js promise沒用2. android 如何實(shí)現(xiàn)如圖中的鍵盤上的公式及edittext的內(nèi)容展示呢3. c++ - 如何正確的使用QWebEngineView?4. golang - 用IDE看docker源碼時的小問題5. javascript - js 寫一個正則 提取文本中的數(shù)據(jù)6. 算法 - python 給定一個正整數(shù)a和一個包含任意個正整數(shù)的 列表 b,求所有<=a 的加法組合7. yii2中restful配置好后在nginx下報(bào)404錯誤8. java - 我在用Struts2上傳文件時,報(bào)以下錯誤怎么回事?9. PHP注冊功能10. php - 注冊驗(yàn)證郵箱失效后操作問題
