我是angular的初学者,目前正在使用Angular 5和Node v8.11.3。
我想要实现一个通用的函数,它以数据和标题作为参数,并将其输出为csv文件。
我创建了一个名为“FactureComponent”的组件,然后生成了一个服务叫做“DataService”,然后创建了一个getFactures函数,从模拟中检索我的项目列表,这个函数运行得非常好。
import { Component, OnInit } from '@angular/core';
import { DataService } from '../data.service';
import { FACTURES } from '../mock.factures';
@Component({
selector: 'app-facture',
templateUrl: './facture.component.html',
styleUrls: ['./facture.component.scss']
})
export class FactureComponent implements OnInit {
factures = [];
columns = ["Id","Reference","Quantite","Prix Unitaire"];
btnText: String = "Export CSV";
constructor(private _data: DataService) { }
ngOnInit() {
this.getFactures();
}
getFactures(){
this.factures=this._data.getFactures();
}
generateCSV(){
console.log("generate");
}
}
下面您将找到视图
<form>
<input type="submit" [value]="btnText" (click)="generateCSV()"/>
</form>
<table>
<tr>
<th *ngFor="let col of columns">
{{col}}
</th>
</tr>
<tr *ngFor="let facture of factures">
<td>{{facture.id}}</td>
<td>{{facture.ref}}</td>
<td>{{facture.quantite}}</td>
<td>{{facture.prixUnitaire}}</td>
</tr>
</table>
我想实现一个将视图显示的数据转换为CSV文件的功能。