Как изменить кнопку по умолчанию Angular2CSV

Question

Я использую Angular 4 и использую плагин Angular2CSV для импорта данных с угловой страницы в #Microsoft Excel. Все сделано аккуратно. Я хочу изменить имя кнопки, но я не знаю, как это возможно. Теперь имя кнопки по умолчанию - Скачать, но для этого нет 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>