Javascript 角度材质数据表导出,路由器链接的不同名称

Javascript 角度材质数据表导出,路由器链接的不同名称,javascript,angular,typescript,Javascript,Angular,Typescript,这是目前的情况,每当我点击它时,我在标题处有一个按钮,它从表中下载excel数据,目前我做到了这一点。每当流行音乐响起 向上显示文本:您已选择打开“表格数据,excel格式-2019…” t、 在页眉处的s exportTable() { TableUtil.exportToExcel('ExampleTable', ''); } 也 分别创建了一个t.s static exportToExcel(tableId: string, name?: string) {

这是目前的情况,每当我点击它时,我在标题处有一个按钮,它从表中下载excel数据,目前我做到了这一点。每当流行音乐响起 向上显示文本:您已选择打开“表格数据,excel格式-2019…” t、 在页眉处的s

  exportTable() {
    TableUtil.exportToExcel('ExampleTable', '');
  }
也 分别创建了一个t.s

  static exportToExcel(tableId: string, name?: string) {
    let timeSpan = new Date().toISOString();
    let prefix = name || "Table Data, excel format";
    let fileName = `${prefix}-${timeSpan}`;
    let targetTableElm = document.getElementById(tableId);
    let wb = XLSX.utils.table_to_book(targetTableElm, <XLSX.Table2SheetOpts> { sheet: prefix });
    XLSX.writeFile(wb, `${fileName}.xlsx`);
  }
}
staticexporttoexcel(tableId:string,name?:string){
让timeSpan=new Date().toISOString();
让prefix=name | |“表格数据,excel格式”;
让fileName=`${prefix}-${timeSpan}`;
设targetTableElm=document.getElementById(tableId);
设wb=XLSX.utils.table_to_book(targetTableElm,{sheet:prefix});
writeFile(wb,`${fileName}.XLSX`);
}
}
我想要达到的目标- 每当我单击路由器链接时,我都希望弹出数据更改并调整为当前路由名称 就像我单击路由器1并单击下载按钮一样,弹出窗口显示您即将打开 1. 我点击路由器链接2 您即将打开2

路由器1 html

  <table id="ExampleTable"   mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">



您可以从组件订阅角度路由器并收听路由更改。您可以将路径url保存到变量中,并使用它在
exportToExcel
方法中设置前缀

constructor(router: Router){}

ngOnInit(){
    this.router.events.subscribe(event => {
        this.fileName = event.url;
    }

由于这个答案,我得到了稍微不同的解决方案,你的答案对我帮助很大,我将把它作为最佳答案添加。非常感谢Palle、Chandra和Mosiii(非常出色的编辑!)``构造函数(私有路由器:路由器){router.events.pipe(filter(event=>event instanceof NavigationEnd)).subscribe((event:NavigationEnd)=>{this.fileName=event.url.split(,“”;});}```