正確清除整個AngularJS用戶界面圖

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; 
    }