Problème avec la répétition angulaire ng

Question

J'ai écrit un fichier json localement appelé demo.js, puis je veux les données en ng-repeat. Le problème que je rencontre maintenant est le suivant :
Je ne sais pas comment boucler les données des rôles.

{
    "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

Il peut être résolu par deux niveaux d'imbrication

Answer 5

Boucles imbriquées

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