Angular 4：将JSON导出为CSV

Angular 4 : Export JSON to CSV

我需要一些帮助，以便将Angular 4中的JSON导出为CSV。

是否有现成的外部插件可以满足我的要求。

我找到了一个插件json2csv。但是我不知道如何在Angular 4中使用它。

相关讨论

您可以使用库的angular 2版本。指向该链接的链接是：https://github.com/aqeel-legalinc/angular2-json2csv

基本用法：

Data是必须转换为CSV的JSON对象。 Filename是输出文件的名称。包括的步骤是：

安装库

1	npm install angular2-json2csv --save

将程序包导入组件中

1	import {CsvService} from 'angular2-json2csv'

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

1 2	constructor(private csvService: CsvService) { }

致电服务

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

相关讨论

1	npm install --save angular2-csv

对于Angular [2,4,5]，请安装旧版本：

1	npm install --save [email protected]

在component.ts

中

1
2
3
4
5
6
7
8
9
10
11
12
13

import { Angular2Csv } from 'angular2-csv/Angular2-csv';

var data = [
{
name:"Test 1",
age: 13,
average: 8.2,
approved: true,
description:"using 'Content here, content here'"
},
];

new Angular2Csv(data, 'My Report');

对于设置标题，请尝试=>

1 2	var head = ['name', 'age', 'average', 'etc']; new Angular2Csv(data, 'My Report', { headers: (head) });

来源

相关讨论

1	npm install "angular2-csv":"^0.2.5",

从'angular2-csv'导入{Angular2Csv};

1
2
3
4
5
6
7
8
9
10
11
12
13

const sample_CSV_data = {
"column1":"Column 1",
"type":"Type",
"Board":"Board",
"column4":"Column 4"
};
const options = {
fieldSeparator: ',',
quoteStrings: '"',
decimalseparator: '.',
showLabels: true
};
const csv = new Angular2Csv(sample_CSV_data, 'Sample_filename', options);

这很好用，非常有用。

相关讨论