使用for循环动态禁用angularjs数据列

Question

我正在使用 Angularjs 数据表，其中除第一列和最后两列外，所有列都是动态生成的。 我需要禁用对这些动态列的排序，因此我正在为这些列运行 for 循环。 我的 for 循环从 1 开始并运行到 4。问题是虽然 for 循环从 1 运行到 3 但我只从 for 循环中获得值 3，这是循环的最后一个值。 结果，不是禁用第 2,3,4 列，它只是禁用第 4 列。那么如何使用 for 循环为 2,3 和第 4 列设置列禁用选项？

我的代码：

$scope.ln=4;
for(var i=1;i<$scope.ln;i++){
   $scope.vm.dtColumnDefs = [
   DTColumnDefBuilder.newColumnDef(i).notSortable()
];

}

 var app = angular.module('myApp',['datatables']); app.controller('MyCtrl', function($scope,DTOptionsBuilder,DTColumnBuilder,DTColumnDefBuilder) { $scope.list = [ {"eid":"10","dyn1":"dval1","dyn2":"dval2","dyn3":"dval3","sales":"20"}, {"eid":"30","dyn1":"dval1","dyn2":"dval2","dyn3":"dval3","sales":"20"}, {"eid":"40","dyn1":"dval1","dyn2":"dval2","dyn3":"dval3","sales":"20"} ]; $scope.vm = {}; $scope.vm.dtOptions = DTOptionsBuilder.newOptions() .withOption('order', [0, 'asc']); $scope.ln=4; for(var i=1;i<$scope.ln;i++){ $scope.vm.dtColumnDefs = [ DTColumnDefBuilder.newColumnDef(i).notSortable() ]; } });

 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> <script src="http://phpflow.com/demo/angular_datatable_demo/angular-datatables.min.js"></script> <script src="http://phpflow.com/demo/angular_datatable_demo/jquery.dataTables.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" href="http://phpflow.com/demo/angular_datatable_demo/datatables.bootstrap.css"> </head> <div class="container"> <div ng-app="myApp" ng-controller="MyCtrl"> <table class="table table-striped table-bordered" dt-options="vm.dtOptions" dt-column-defs="vm.dtColumnDefs" datatable="ng"> <thead> <tr> <th>Employee ID</th> <th>dynamic clm1</th> <th>dynamic clm2</th> <th>dynamic clm3</th> <th>sales</th> </thead> <tbody> <tr ng-repeat="data in list"> <td> {{ data.eid }} </td> <td> {{ data.dyn1 }} </td> <td> {{ data.dyn2 }} </td> <td> {{ data.dyn3 }} </td> <td> {{ data.sales }} </td> </tr> </tbody> </table> </div>

Answer 1

我从未使用过 $i 注释； 你有任何源文件可以分享提到这一点吗？

我使用以下内容：

for (var i=0; i<$scope.ln; i++) {
   $scope.vm.dtColumnDefs = [ DTColumnDefBuilder.newColumnDef($i).notSortable() ];
}

Answer 2

最后我自己用数组推送解决了

$scope.vm.dtColumnDefs = [  ];
for (var i=0; i<$scope.ln; i++) {

$scope.vm.dtColumnDefs.push(DTColumnDefBuilder.newColumnDef(i).notSortable()); 

}

使用for循环动态禁用angularjs数据列

问题描述

2 个解决方案

解决方案1
0 2017-06-14 14:08:40

解决方案2
0 已采纳 2017-06-14 19:05:29

使用for循环动态禁用angularjs数据列

问题描述

2 个解决方案

解决方案1 0 2017-06-14 14:08:40

解决方案2 0 已采纳 2017-06-14 19:05:29

解决方案1
0 2017-06-14 14:08:40

解决方案2
0 已采纳 2017-06-14 19:05:29