javascript - 动态更改配置设置 ng-grid

Question

我想做的是采用 gridOptions 中的“showSelectionCheckbox:”设置，并将其从 false 更改为 true，并使我的 ng-grid 显示或隐藏 ng-grid 默认复选框。

我的代码成功更改了值，但更改未反射(reflect)在网格上。

$scope.saveTest() 绑定(bind)到带有 ng-click 的按钮。

$scope.gridOption = {
  data: 'myData', 
  showSelectionCheckbox: false, 
  ....
} 

$scope.saveTest = function () {
  $scope.gridOption.showSelectionCheckbox = true;
}

所以我的问题是，是否可以使用 ng-grid 动态更改配置设置？是否有可以监听的事件来刷新网格？

Answer 1

无法动态更改 showSelectionCheckbox 属性，但始终存在使用 2 个网格并根据选择显示其中一个网格的丑陋解决方法。

示例:

html:

<button ng-click="changeGrid()">test</button>     
<div class="gridStyle" ng-if="!showSelectionCheckbox" ng-grid="gridOptions"></div>
<div class="gridStyle" ng-if="showSelectionCheckbox" ng-grid="gridOptions2"></div>

js:

var app = angular.module('myApp', ['ngGrid']);

app.controller('MyCtrl', function($scope, $http) {
  $scope.showSelectionCheckbox=false;
    $scope.myData = [{"name": "Moroni", "allowance": 50},
              {"name": "Tiancum", "allowance": 53},
              {"name": "Jacob", "allowance": 27},
              {"name": "Nephi", "allowance": 29}],

    $scope.gridOptions = { 
        data: 'myData',
        showSelectionCheckbox: false, 
        };
       $scope.gridOptions2 = { 
        data: 'myData',
        showSelectionCheckbox: true, 
        };  

 $scope.changeGrid = function () {
  $scope.showSelectionCheckbox=!$scope.showSelectionCheckbox;
 }
});

实例:http://plnkr.co/edit/4u7iz7R8EKXdoNnoR5MS?p=preview