正确清除整个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

这是一个有一种方法的例子：

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

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