Angular ui 个网格来自 json 个文件

Question

我正在尝试从两个 json 文件中将数据加载到一个 ui 网格 table 中，但是只有一个文件中有数据。

我已经为两个 json 文件准备了两个数组。

$scope.sourceOne = [];
$scope.sourceTwo = [];

然后我用$http服务加载了数据

$http.get('SourceOne.json').success(function (data) {
    data.forEach( function( row, index ) {
        $scope.sourceOne.push(data);
    });
    $scope.gridOptions.data = data;
    console.log('data from SourceOne.json', data);
});

$http.get('SourceTwo.json').success(function (data) {
    data.forEach( function( row, index ) {
        $scope.sourceTwo.push(data);
    });
    $scope.gridOptions.data = data;
    console.log('data from SourceTwo.json', data);
});

我尝试连接这两个数组并在网格中显示结果。

$scope.myConcatenatedData = $scope.sourceOne.concat($scope.sourceTwo);

请看一下 plunker

Answer 1

首先在 forEach 循环中有一个错误（row 作为循环内的数据项）：

data.forEach( function( row, index ) {
    $scope.sourceOne.push(row);
});

然后你必须确保第二个数据组在第一个数据组之后加载。

此外，两个数据集的串联必须在加载第二组之后，在成功处理程序中进行。

检查我编辑的 Plunker：https://plnkr.co/edit/tZ1kPgNGiceTfWcrQm2y?p=preview

Answer 2

我成功加载了一个 ui 网格：

app.controller('MainCtrl', function ($scope, $http) {
    $http.get('territories.json').then(function (response) {
        scope.myData = response.data;
    });
});

Angular ui 个网格来自 json 个文件

Angular ui grid from json files

javascript

json

angularjs

angular-ui-grid