Angular ng-grid多个网格使用循环使其更有效

Question

我在页面上有多个网格，但不是重复每个网格的代码我想通过循环将网格名称和数据传递到一个网格函数中，但这对我来说不起作用。我做错了什么？

代码：

        var grid = [$scope.gridOne,$scope.gridTwo, $scope.gridThree];
        var GridData = ['dataOne','dataTwo', 'dataThree'];
        for(var i =0 ; i < grid.length;i++){
            for(var j =0; j < GridData.length;j++){

                console.log(grid[i]);//i can see this fine in the console
                console.log(GridData[i]);//i can see this fine in the console

                //this below doesn't work
                grid[i] = {
                    data: GridData[i],
                    headerRowHeight: 0,
                    rowHeight: 39,
                    maintainColumnRatios: 4,
                    enableColumnResize : true,
                    enableRowSelection: false,
                    enableHighlighting: true,
                    columnDefs: [
                        {field: 'channel'},
                        {field: 'status', cellTemplate: statusTemplate}
                    ]
            };
           }
        }

非常感谢你的帮助

Answer 1

我相信你的GridData没有明确定义。我使用类似下面的内容

var GridData = [{data: 'dataOne'}, {data: 'dataTwo'}, {data: 'dataThree'}];

回想一下，你的ngGrid的数据属性必须是一个JSON数组，如果它不起作用，但内容仍然出现在控制台上。