如何更改Angular2CSV的默认按钮

如何更改Angular2CSV的默认按钮,angular,plugins,angular2-template,Angular,Plugins,Angular2 Template,我使用Angular4和Angular2CSV插件将数据从angular页面导入到#Microsoft Excel。一切都做得很准确。我想更改按钮的名称,但我不知道怎么可能。现在默认的按钮名称是下载,但没有html标记可用于此。非常感谢您的帮助在共享模块中创建一个单独的组件并将其导出,以便导入该模块的其他组件可以使用它 import { Component, OnInit } from '@angular/core'; import { Angular2CsvComponent } from '

我使用Angular4和Angular2CSV插件将数据从angular页面导入到#Microsoft Excel。一切都做得很准确。我想更改按钮的名称,但我不知道怎么可能。现在默认的按钮名称是下载,但没有html标记可用于此。非常感谢您的帮助

在共享模块中创建一个单独的组件并将其导出,以便导入该模块的其他组件可以使用它

import { Component, OnInit } from '@angular/core';
import { Angular2CsvComponent } from 'angular2-csv';

@Component({
selector: 'app-export-csv',
template: '<div (click)=\"onDownload()\"><ng-content></ng-content></div>',
styleUrls: ['./export-csv.component.scss']
})
export class ExportCSVComponent extends Angular2CsvComponent {}
从'@angular/core'导入{Component,OnInit};
从“angular2 csv”导入{Angular2CsvComponent};
@组成部分({
选择器:“应用程序导出csv”,
模板:“”,
样式URL:['./export csv.component.scss']
})
导出类ExportCSVComponent扩展了Angular2CsvComponent{}
然后在您想要导出的.html文件中,使用下面的

<app-export-csv [data]="exportTxnData" filename="Transaction file" [options]="options">
        <button style="float: left" mat-mini-fab color="primary"><mat-icon>file_download</mat-icon></button>
   </app-export-csv>

文件下载