将JSON列表中的数据发布到前端的多个表中[重复]

【问题标题】：Post data from JSON list into multiple tables on front end [duplicate]将JSON列表中的数据发布到前端的多个表中[重复]
【发布时间】：2018-12-20 16:09:58
【问题描述】：

我有一个 JSON，我想将它放在我的 Web 应用程序的前端，以便拆分为多个表（精确到 4 个）。

现在我的 JSON 列表中的所有数据都显示在一个表中。

我正在使用 AngularJS。有没有办法将数据拆分为多个表而不更改 SQL Server 中的数据库（按 4 拆分）。

【问题讨论】：

这里没有太多细节可以处理。是否有您想要分割数据的标准？您可以按该标准拆分前端的数据，并将该数据提供给 4 个不同的表。
我没有条件我只想动态地将数据拆分成四个不同的表。
在您的上下文中“动态”是什么意思？把它分成4等份？将其拆分为 4 个随机表？
分成4等份。
把数组分成四部分

标签： c# angularjs json

【解决方案1】：

这是一个例子：

angular.module('myApp', []).controller('personCtrl', function($scope) {
    $scope.test = [
        {name:'audi1',price:'200'},
        {name:'audi2',price:'200'},
        {name:'audi3',price:'200'},
        {name:'audi4',price:'200'},
        {name:'audi5',price:'200'},
        {name:'audi6',price:'200'},
        {name:'audi7',price:'200'}
    ];
});

<div class="row">
        <div class="col-md-6" ng-repeat="group in [0,1] ">
            <p>{{group}}</p>            
            <p ng-repeat="t in test" ng-if="group == test.indexOf(t) >= test.length/2" > 
              {{t}}              
            </p>
            <br>
        </div>
    </div>

将输出：

0

{"name":"audi1","price":"200"}

{"name":"audi2","price":"200"}

{"name":"audi3","price":"200"}

{"name":"audi4","price":"200"}


1

{"name":"audi5","price":"200"}

{"name":"audi6","price":"200"}

{"name":"audi7","price":"200"}

【讨论】：

这非常有效。谢谢