2017-09-21 41 views
0

我需要一些帮助的JSON导出为CSV在角4角4:出口JSON到CSV

有没有现成的外部插件来满足我的要求。我找到了一个插件json2csv。但我不知道如何在Angular 4中使用它。

+0

您使用的角度CLI安装?看看文档https://github.com/angular/angular-cli/wiki/stories-third-party-lib – JEY

+0

你可以在你试过上面的插件的地方分享你的代码吗?如果你没有问过如何导入?因为这里是一个相同的文档。 https://www.npmjs.com/package/json2csv –

+0

@CliveMac,我试图找到一个解决方案Angular 4 – Suvonkar

回答

6

您可以使用库的角度2版本。到相同的链接是:https://github.com/aqeel-legalinc/angular2-json2csv

基本用法:

Data是具有被转换成CSV JSON对象。 Filename是输出文件的名称。包括的步骤是:

安装库

npm install angular2-json2csv --save 

导入包中的组件

import {CsvService} from 'angular2-json2csv' 

添加服务组件

constructor(private csvService: CsvService) { 
    } 

调用的构造函数服务

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

它不工作了。 –

+0

你使用的是Angular 5吗?这似乎不适用于Angular 5.有同样的问题:https://github.com/aqeel-legalinc/angular2-json2csv/issues/11 –

+1

是的。似乎没有人再维持它了。 –

0

npm install --save angular2-csv 

在component.ts

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'); 

Source