Javascript 如何在angularjs中使用ng repeat显示json数据

如何在angularjs中使用ng repeat显示json数据

这是我的json-

$scope.data = [{
        "name": "PR",
        "roles": [{
            "name": "RPR1",
            "responsibilities": [{
                "processes": [{
                    "processName": "process 1"
                }, {
                    "processName": "process 2"
                }],
                "responsibilityName": "Resp1"
            }, {
                "processes": null,
                "responsibilityName": "Resp2"
            }]
        }, {
            "name": "RPR2",
            "responsibilities": [{
                "processes": null,
                "responsibilityName": "Resp1"
            }, {
                "processes": null,
                "responsibilityName": "Resp2"
            }]
        }]
    }, {
        "name": "Finance",
        "roles": [{
            "name": "RFinance1",
            "responsibilities": [{
                "processes": null,
                "responsibilityName": "Fresp1"
            }, {
                "processes": null,
                "responsibilityName": "Fresp2"
            }]
        }, {
            "name": "RFinance2",
            "responsibilities": [{
                "processes": null,
                "responsibilityName": "RespF1"
            }, {
                "processes": null,
                "responsibilityName": "RespF2"
            }]
        }]
    }, {
        "name": "IT",
        "roles": [{
            "name": "R1",
            "responsibilities": [{
                "processes": null,
                "responsibilityName": "Resp1"
            }, {
                "processes": null,
                "responsibilityName": "Resp2"
            }]
        }, {
            "name": "RIT2",
            "responsibilities": [{
                "processes": null,
                "responsibilityName": "Resp1"
            }, {
                "processes": null,
                "responsibilityName": "Resp2"
            }]
        }]
    }, {
        "name": "",
        "roles": []

    }];

下面是我显示json数据的html代码-

 <div class="container" ng-repeat="departments in data">

  <div class="row" ng-repeat="roles in departments.roles" >

    <div  class="col-sm-12 center"  >
        <div class="col-sm-3" ng-repeat="responsibilities in roles.responsibilities"> 
            <div class="col-xs-10 col-sm-12 box  "></br>
                <div class="strike form-group" >
                    <span >{{responsibilities.responsibilityName}}</span>
                </div>
            </div>
            <div class="col-xs-10 col-sm-12 box" style="padding-right: 0px ! important;"></br>
                <div class="form-group content1 mCustomScrollbar" >
                    <div class="panel panel-default" ng-repeat="processes in responsibilities.processes" >
                        {{processes.processName}}
                    </div>
                </div>
            </div>
        </div>
    </div><!-- /.blog-main -->

  </div><!-- /.row -->

</div>

{{职责.职责名称}


{{processs.processName}

我想对每个职责重复div class=“col-sm-3”

---

给我一些建议……

您的确切问题是循环不工作吗？让我给你做一个小玩意儿，我看没什么问题。刚刚在本地测试了此代码，并且每个

职责

都被包装在

col-sm-3

.div class=“col-sm-3”没有正确重复它的哪些部分没有正确重复？看看它是否有帮助，我可以张贴的答案让我知道…什么是你的确切问题是循环不工作？让我给你做一个小玩意儿，我看没什么问题。刚刚在本地测试了此代码，并且每个

职责

都被包装在

col-sm-3

.div class=“col-sm-3”没有正确重复它的哪些部分没有正确重复？看看它是否有帮助，我可以张贴作为答案让我知道。。。