javascript - 无法在 Angular 中使用 enableVirtualization = true 将 Syncfusion 数据透视表导出到 Excel

Question

这是 component.html 代码。

<ejs-pivotview #pivotview id='PivotView'
[dataSourceSettings]=dataSourceSettings
allowExcelExport='true'
allowConditionalFormatting='false'
allowPdfExport='true'
showToolbar='true'
allowCalculatedField='true'
showFieldList='true'
showGroupingBar='true'
[chartSettings]='chartSettings'
expandAll='true'
exportAllPages='true'
enableVirtualization='true'
height='500'
[gridSettings]='gridSettings'
[displayOption]='displayOption'
locale='es'
[toolbar]='toolbarOptions'
width="getWidth()"
>

在 component.ts

import {
    FieldListService, CalculatedFieldService,
    ToolbarService, ConditionalFormattingService,
   ToolbarItems, DisplayOption, GroupingBarService,
   IDataOptions, VirtualScrollService
} from '@syncfusion/ej2-angular-pivotview';
//...
//...
declare var require: any;
@Component({
  selector: 'app-repo-pivote',
  templateUrl: './repo-pivote.component.html',
  //encapsulation: ViewEncapsulation.None,
  styleUrls: ['./repo-pivote.component.css'],
  providers: [CalculatedFieldService, ToolbarService, ConditionalFormattingService, FieldListService, GroupingBarService,VirtualScrollService]
})

数据超过 30K 行。

有了这个错误。

当我删除 enableVirtualization 参数时，它会很好地导出。

更新

这是一个显示问题的简单项目。

https://stackblitz.com/edit/angular-ivy-747r19?file=src/app/app.component.html

Answer 1

我可以用这个解决它

import {
  ExcelExportService,
  PDFExportService,
} from '@syncfusion/ej2-angular-pivotview';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  encapsulation: ViewEncapsulation.None,
  styleUrls: ['app.component.css'],
  providers: [
    ExcelExportService,
    PDFExportService,
  ],
})

在导入中，我添加了 ExcelExportService 和 PDFExportService，也在组件提供程序中。