如何在Angular 2/4中将JSON数据导出到Excel或CSV文件

Question

我想将我的Json数据导入Excel或Csv文件

它在html表中呈现。

我想要一个解决方案按钮点击它应该下载Excel文件。我正在使用Angular 2。

请帮助

感谢和问候

Answer 1

您可以使用像https://github.com/zemirco/json2csv这样的lib来为您完成。此外，这回答了您的问题如何将JSON转换为CSV格式并存储在变量中

How to use :

安装库

npm install angular2-json2csv --save

导入组件中的包

import {CsvService} from 'angular2-json2csv'

在组件的构造函数中添加服务

`constructor(private csvService: CsvService) {}`

致电该服务

this.csvService.download(this.Data, 'Filename');

工作样本

`var json2csv = require('json2csv');
var fs = require('fs');
var fields = ['car', 'price', 'color'];
var myCars = [
  {
    "car": "Audi",
    "price": 40000,
    "color": "blue"
  }, {
    "car": "BMW",
    "price": 35000,
    "color": "black"
  }, {
    "car": "Porsche",
    "price": 60000,
    "color": "green"
  }
];
var csv = json2csv({ data: myCars, fields: fields });

fs.writeFile('file.csv', csv, function(err) {
  if (err) throw err;
  console.log('file saved');
});`