javascript - angular ng-repeat的問題
問題描述
我本地寫了個(gè)json文件叫demo.js,然后我想ng-repeat里面的數(shù)據(jù)。現(xiàn)在遇到的問題是:我不知道怎么循環(huán)出roles的數(shù)據(jù)。
{ 'demoData': [{ 'dp': 'aaa1', 'name': '用戶名1', 'number': '11111', 'score': '22222', 'salary': '11111', 'jobs': 'scripts', 'roles': [{ 'new': 'bbb', 'edit': 'ddd', 'ccc': 'aaaa', 'del': 'dddd'} ], 'other': '備注', 'action': '刪除'},{ 'dp': 'bbb', 'name': '用戶名1', 'number': '11111', 'score': '22222', 'salary': '11111', 'jobs': 'scripts', 'roles': [{ 'new': 'bbb', 'edit': 'ddd', 'ccc': 'aaaa', 'del': 'dddd'} ], 'other': '備注', 'action': '刪除'} ]}
問題解答
回答1:<h1 ng-repeat='item in demoData[0].roles'>{{item}}</h1>回答2:
//如果是要在html里面用的話樓上的方法可以 //<h1 ng-repeat='item in demoData[0].roles'>{{item}}</h1> angular.forEach(demoData,function(data,index,array){angular.forEach(data.roles,function(role,index,array){ console.log(role);}) })回答3:
<p ng-repeat='(item,index) in demoData'> <p ng-repeat='item in demoData[index].roles'>{{item}} </p></p>回答4:
兩層嵌套即可解決
回答5:嵌套循環(huán)
<p ng-repeat='item in demoData'> <p ng-repeat='item2 in item.roles'>{{item2}} </p></p>
相關(guān)文章:
1. node.js - nodejs+express+vue2. 使用mysql命令行連接遠(yuǎn)程數(shù)據(jù)庫host跳轉(zhuǎn)3. python - 如何把152753這個(gè)字符串轉(zhuǎn)變成時(shí)間格式15:27:534. javascript - onclick事件點(diǎn)擊不起作用5. java - web端百度網(wǎng)盤的一個(gè)操作為什么要分兩次請求服務(wù)器, 有什么好處嗎6. DADB.class.php文件的代碼怎么寫7. python 字符串匹配問題8. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個(gè)坑!求助下面的存儲過程哪里錯(cuò)啦,實(shí)在是找不到哪里的問題了。9. javascript - 如何獲取未來元素的父元素在頁面中所有相同元素中是第幾個(gè)?10. python對8000行csv添加列

網(wǎng)公網(wǎng)安備