来自 json 文件的角度 ui 网格

Angular ui grid from json files

本文关键字：ui 网格 json 文件 来自      更新时间：2023-09-26

我正在尝试从一个 json 文件加载一个 ui 网格表中的数据，但只有一个文件中的数据。

我已经为这两个 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);

请看一下扑克

首先，

forEach 循环中有一个 erron（row 作为循环内的数据项）：

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

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

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

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

我设法加载了一个这样的 ui 网格：

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