javascript - angular ng-repeat的问题

问题描述

我本地写了个json文件叫demo.js,然后我想ng-repeat里面的数据。现在遇到的问题是：我不知道怎么循环出roles的数据。

{ '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': '删除'} ]}

问题解答

<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：

两层嵌套即可解决

嵌套循环

<p ng-repeat='item in demoData'> <p ng-repeat='item2 in item.roles'>{{item2}} </p></p>