javascript - Angular Material 数据表导出，路由器链接的不同名称

Question

这是目前的情况，我在标题处有一个按钮，每当我单击它时，它就会从表中下载 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`);
  }
}

我想要实现的目标-每当我单击路由器链接时，我希望弹出的数据更改并调整为当前的路由名称就像我单击路由器1并单击下载按钮一样，会出现您即将打开的弹出窗口1...我点击路由器链接2您即将打开 2...

路由器 1 html

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

Answer 1

您可以从组件订阅 Angular 路由器并监听路由变化。您可以将路径 url 保存到变量中，并使用它在 exportToExcel 方法中设置前缀

constructor(router: Router){}

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