Problem with angular ng-repeat - Stack Overflow

Question

I wrote a json file locally called demo.js, and then I want the data in ng-repeat. The problem I am encountering now is:
I don’t know how to loop out the roles data.

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

Answer 1

    <h1 ng-repeat="item in demoData[0].roles">{{item}}</h1>

Answer 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);
        })
    })

Answer 3

 <p ng-repeat="(item,index) in demoData">
    <p ng-repeat="item in demoData[index].roles">
        {{item}}
    </p>
</p>

Answer 4

It can be solved by two levels of nesting

Answer 5

Nested Loops

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