Html 导出MatTable组件时如何在文件名中添加时间戳?
我正在使用Html 导出MatTable组件时如何在文件名中添加时间戳?,html,angular,npm,angular-material,interpolation,Html,Angular,Npm,Angular Material,Interpolation,我正在使用mat table exporternpm模块导出mat table组件 我能够正确导出它,并将test作为导出文件的名称 <button mat-raised-button (click)="exporter.exportTable('csv', {fileName:'test', Props: {Author: 'myName'}})"> Export </button> 上述代码引发编译时错误。是否有特定原因导致此导出函数
mat table exporter
npm模块导出mat table组件
我能够正确导出它,并将test
作为导出文件的名称
<button mat-raised-button (click)="exporter.exportTable('csv', {fileName:'test',
Props: {Author: 'myName'}})">
Export
</button>
上述代码引发编译时错误。是否有特定原因导致此导出函数不能位于组件的
.ts
文件中?它更容易调试,并且提供了更好的配置选项
exportTable(): void {
this.exporter.exportTable('csv', {
filename: `test-${new Date().toISOString()}`,
Props: {
Author: 'myName'
}
})
}
然后在模板中调用它
<button mat-raised-button (click)="exportTable()">Export</button>
导出
我以这种形式解决;在文件中。ts把这个
import { formatDate} from '@angular/common';
@Component({
// ...
})
export class AppComponent {
datenow = new Date();
formatted: string;
constructor() {
this.nowFormatted = formatDate(this.datenow, 'dd-MM-yyyy', 'en-US');
}
}
在HTML中
把这个
ts中的格式化变量现在使用currentDate进行格式化
我希望我已经提供了帮助这是抛出一个错误
TS2552:找不到名称“exporter”那不是问题所在吗?我不知道导出器是如何提供的,在我的代码中。导出器只是一个猜测。
import { formatDate} from '@angular/common';
@Component({
// ...
})
export class AppComponent {
datenow = new Date();
formatted: string;
constructor() {
this.nowFormatted = formatDate(this.datenow, 'dd-MM-yyyy', 'en-US');
}
}
<button style="float: right;" (click)="exporter.exportTable('xlsx', {fileName:'Applications_'+formatted})">
<img src="../../../assets/iconos/excel.png" alt="" />
</button>