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": "删除"
        }
    ]
}
阅读 2.5k
5 个回答
    <h1 ng-repeat="item in demoData[0].roles">{{item}}</h1>
    //如果是要在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);
        })
    })
 <div ng-repeat="(item,index) in demoData">
    <p ng-repeat="item in demoData[index].roles">
        {{item}}
    </p>
</div>

两层嵌套即可解决

嵌套循环

<div ng-repeat="item in demoData">
    <div ng-repeat="item2 in item.roles">
        {{item2}}
    </div>
</div>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题