Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导出MatTable组件时如何在文件名中添加时间戳?_Html_Angular_Npm_Angular Material_Interpolation - Fatal编程技术网

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>