Question

我正在使用angular 4，并使用Angular2CSV插件将数据从角度页面导入#Microsoft Excel。一切都准确地完成了。我想更改按钮的名称，但我不知道怎么可能。现在默认按钮名称为Download，但没有html标签可用。帮助将不胜感激

Answer 1

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

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 {}

然后在您要导出的.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>

如何更改Angular2CSV的默认按钮

1 个答案: