时间戳

首页 > 解决方案 > 如何更改 Angular2CSV 的默认按钮

angular - 如何更改 Angular2CSV 的默认按钮

问题描述

我正在使用 Angular 4 并使用 Angular2CSV 插件将数据从 Angular 页面导入到#Microsoft Excel。一切都做得很准确。我想更改按钮的名称，但我不知道怎么可能。现在默认按钮名称是“下载”，但没有可用的 html 标签。帮助将不胜感激

标签： angularpluginsangular2-template

解决方案

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

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>

推荐阅读