angularjs - 正确清除整个 AngularJS ui-grid 图表

Question

我在 $scope.generateReport 函数的开头调用这些代码，希望一旦我单击按钮，它会清除当前显示在网格上的数据。不幸的是，它没有清除它。

我在想，通过设置未定义的值，ui-grid 会自动刷新自己，从而清除整个网格。

$scope.generateReport = function() {

    $scope.gridOptions = {};
    $scope.gridOptions.data = undefined;
    $scope.gridOptions.columnDefs = undefined;
    $scope.gridApi.grid.refresh();
    ........
}

// on my html template, I have a button that has an ng-click
// ng-click="generateReport()"

Answer 1

这里有一个 plunker 示例，说明了一种方法:

http://plnkr.co/edit/Q1anj7jyPHz3LAXoir4E?p=preview

  $scope.clear = function() {
    $scope.myData.length=0;
  }