Html 如何正确使用MatTableExporterModule将数据导出到excel？

我正在使用

Angular 9

中的

mat table exporter

npm模块导出mat table组件

我能够正确导出它，并将

test

作为导出文件的名称

以前的工作代码：

<mat-table matTableExporter [dataSource]="dataSource" #exporter="matTableExporter">

<button mat-raised-button (click)="exporter.exportTable('csv', {fileName:'test',
   Props: {Author: 'myName'}})">
   Export
</button>

新的HTML代码：

<mat-table matTableExporter [dataSource]="dataSource" #exporter="matTableExporter">

<button mat-raised-button (click)="exportTable()">Export</button>

---

如果您想在组件中使用

exporter

，则需要使用

ViewChild

，html代码将保持不变，但组件应更改为：

@ViewChild(MatTableExporterDirective, { static: true }) exporter: MatTableExporterDirective;
exportIt() {
  this.exporter.exportTable(ExportType.CSV, {
    fileName: "test",
    Props: {
      Author: "myName"
    }
  });
}

TS2552: Cannot find name 'exporter'. 

@ViewChild(MatTableExporterDirective, { static: true }) exporter: MatTableExporterDirective;
exportIt() {
  this.exporter.exportTable(ExportType.CSV, {
    fileName: "test",
    Props: {
      Author: "myName"
    }
  });
}