将动态列 header 添加到 ng 网格

Question

您好，我想动态添加一些列（从服务器获取）到已经填充的列 header，我能够看到静态列，但动态列没有更新，但我生成了 gridoptions.columndef 以便将动态列附加到它，但是，鉴于它没有反映。 plunker

Answer 1

这里有一个 plunker，展示了如何做到这一点： http://plnkr.co/edit/Ko0H8ZltkpngGodaB936?p=preview

   $scope.colDefs1 =  [{field: 'name', displayName: 'Name'}, {field:'age', displayName:'Age'}];            
   $scope.colDefs2 =  [{field: 'name', displayName: 'Name'}, {field:'age', displayName:'Age'}, {field:'occupation', displayName:'Occupation'}];  
   $scope.gridOptions = { 
       data: 'myData',
       columnDefs: 'colDefs1'
   };

   $scope.addColumns = function(){
     $scope.colDefs1 = $scope.colDefs2;
   }

另请参阅此 link 以解释我这样做的原因： https://github.com/angular-ui/ng-grid/issues/128

更新：这是你的 plunker todos.json 转换为有效的 JSON 并且工作： http://plnkr.co/edit/0eRwaBaOv7xaZbMHvbiR?p=preview

将动态列 header 添加到 ng 网格

Adding dynamic column header to ng grid

ng-grid