javascript - 来自 json 文件的 Angular ui 网格

Question

我正在尝试从两个 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);

请查看plunker

Answer 1

首先，forEach 循环中存在错误(row 作为循环内的数据项):

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

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

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

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