Masalah dengan sudut ng-ulang - Limpahan Tindanan

Question

Saya menulis fail json yang dipanggil demo.js secara tempatan, dan kemudian saya mahu data dalam ng-repeat. Masalah yang saya hadapi sekarang ialah:
Saya tidak tahu cara mengulang data peranan.

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

Ia boleh diselesaikan dengan dua peringkat bersarang

Answer 5

Gelung Bersarang

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