AngularJS ui-grid获取要导出的所有网格数据

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

<div id="gridContainer" ui-grid="gridOptions" class="grid"></div>

app.controller('myCtrl', function($scope, $http) {
  $scope.gridOptions = {
    columnDefs: [
      // 定义网格的列
      { name: 'id', displayName: 'ID' },
      { name: 'name', displayName: 'Name' },
      // 其他列定义...
    ],
    data: [], // 网格数据将在这里填充
    enableGridMenu: true, // 启用网格菜单
    exporterCsvFilename: 'gridData.csv', // 导出的文件名
    exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")), // 导出链接的位置
    onRegisterApi: function(gridApi) {
      $scope.gridApi = gridApi;
    }
  };

  // 通过HTTP请求获取数据，并将其填充到网格中
  $http.get('/api/gridData').then(function(response) {
    $scope.gridOptions.data = response.data;
  });

  // 导出所有网格数据的方法
  $scope.exportGridData = function() {
    var gridData = $scope.gridApi.grid.exporter.csvExport(uiGridExporterConstants.ALL, uiGridExporterConstants.ALL);
    var blob = new Blob([gridData], { type: 'text/csv;charset=utf-8;' });
    var downloadLink = angular.element(document.querySelector('.custom-csv-link-location'));
    downloadLink.attr('href', window.URL.createObjectURL(blob));
    downloadLink.attr('download', $scope.gridOptions.exporterCsvFilename);
    downloadLink[0].click();
  };
});

<button ng-click="exportGridData()">导出</button>