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