Angularjs JSON数据的动态表呈现

我有一些挑战性的要求，并寻找解决方案，以动态呈现它。我会要求专家帮助我满足以下要求

我需要按照上面的格式呈现数据，json数据如下所示

 [ {    Region: 'India'     State: 'MH'     Month: 'jan-16'     visits: 10230157 }, {   Region: 'India'     State: 'DL'     Month: 'jan-16'     visits: 20023423 }, {   Region: 'India'     State: 'TL'     Month: 'jan-16'     visits: 38023804 }, {   Region: 'India'     State: 'RJ'     Month: 'jan-16'     visits: 65102322 }, {   Region: 'India'     State: 'KN'     Month: 'jan-16'     visits: 80234109 } ]

使用下面的模板并根据您的解决方案进行更新（如果需要）

<div class="tablecontainer" ng-if="groups.length > 0" ng-repeat="cat in groups">
     <div class="row rowspace">
        <div>{{cat.group.name}}</div>
        <div ng-if="cat.group.columns.length>0" ng-repeat="column in cat.group.columns">
            <div>{{column.name}}</div>
        </div>
    </div>
    <div class="row">
         <table class="table table-striped table-bordered">
            <tr>
                <th ng-repeat="column in cat.cols">{{column}}</th>
            </tr>
            <tr ng-repeat="row in cat.rows">
                <td ng-repeat="column in cat.cols">{{row[column]}}</td>
            </tr>
         </table>
    </div>
</div>

{{cat.group.name}
{{column.name}
{{column}}
{{行[列]}}

这将非常有帮助，并感谢您的帮助

---

谢谢

您必须对数据进行预处理，以便于在视图中呈现数据。 将数据转换为二维形式：processedData[月][统计]=访问 默认情况下，似乎按键对对象的元素进行角度排序，在ng repeat中，您可以根据需要安排排序

var-app=angular.module（“myApp”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.datas=[{地区：'India'，州：'MH'，月份：'jan-16'，访问次数：10230157}，
{地区：'印度'，州：'DL'，月份：'1-16'，访问次数：20023423}，
{地区：“印度”，州：“TL”，月份：“2016年1月”，访问：38023804}，
{地区：“印度”，州：“RJ”，月份：“2016年1月”，访问次数：45102322}，
{地区：'印度'，州：'KN'，月份：'1-16'，访问次数：50234109}，
{地区：“印度”，州：“MH”，月份：“fev-16”，访问次数：60023423}，
{地区：“印度”，州：“DL”，月份：“fev-16”，访问次数：70023423}，
{地区：“印度”，州：“TL”，月份：“fev-16”，访问次数：88023804}，
{地区：“印度”，州：“RJ”，月份：“fev-16”，访问次数：95102322}，
{地区：“印度”，州：“KN”，月份：“fev-16”，访问次数：10234109}
];
$scope.processeddata={}；
$scope.datas.forEach（el=>{
如果（！（在$scope.processeddata中的el.Month））{
$scope.processeddata[el.Month]={}；
}
$scope.processeddata[el.Month][el.State]=el.visions；
});
log（“已处理数据：”，$scope.processeddata）；
});
区域
状态
印度
DL
千牛
MH
RJ
热释光
月
拜访
拜访
拜访
拜访
拜访
{{rowKey}}
{{访问}}

谢谢Faly。感谢您的时间和努力。我需要动态呈现列，而且显示中也存在一个问题（由于内部数组排序）。我会自己处理这些事情。再次感谢你的帮助。