Javascript 动态创建网格

Javascript 动态创建网格,javascript,angularjs,ng-grid,Javascript,Angularjs,Ng Grid,动态创建ng网格时遇到问题: 下一个函数循环遍历$scope.dataSparqlResponses的每个元素(每个元素都是一个数据数组),并将迭代的值放入$scope.dataSparqlAux中。和$scope.dataSparqlAux是网格中使用的变量(数据输入)。问题是在每次迭代中,这个变量($scope.dataSparqlAux)都被重新分配,因此在模板中,我只能看到最后一个带有数据的网格 **controller.js** $scope.crearGrids = function

动态创建ng网格时遇到问题:

下一个函数循环遍历$scope.dataSparqlResponses的每个元素(每个元素都是一个数据数组),并将迭代的值放入$scope.dataSparqlAux中。和$scope.dataSparqlAux是网格中使用的变量(数据输入)。问题是在每次迭代中,这个变量($scope.dataSparqlAux)都被重新分配,因此在模板中,我只能看到最后一个带有数据的网格

**controller.js**
$scope.crearGrids = function() {           
    angular.forEach($scope.dataSparqlResponses, function(elem) {
        $scope.dataSparqlAux = elem.data;
        $scope.dataGrids.push({grid: {
                data: 'dataSparqlAux', 
                enablePinning: false,
                showFooter: true,
                selectedItems: [],
                i18n: 'es',
                showSelectionCheckbox: true,
                afterSelectionChange: function() {
                    console.log(this);
                },
                columnDefs: [{field: elem.nombre + '.value', displayName: elem.nombre, cellTemplate: templateWithTooltip}]
            }});
        console.log($scope.dataGrids);

    });

};

**template.html**
<div data-get-width data-num-elementos="{{dataGrids.length}}" >
      <div ng-repeat="dataGrid in dataGrids">
            <div class="tabla_det" ng-grid="dataGrid.grid"></div>                        
      </div>
</div>
如何修复此问题以创建网格并动态显示信息

谢谢你抽出时间来

编辑:这里是一个有问题的人

我已经分享了关于你的问题的答案

基本上,数据是引用一个变量,而不是存储它。 您可以在每个循环上引用一个新变量,如中所示

声明索引:

var index = 0;
使用子文档的索引声明字符串:

var dirtyConcat = 'dataSparqlResponses['+index+'].data';
不要忘记增加索引:

++index;
然后,你引用它

data: dirtyConcat,

谢谢这太完美了。我是javascript和Angularjs新手。有了这个解决方案,我可以继续我的项目。再次感谢。
data: dirtyConcat,