2017-09-21 1 views
0

J'ai besoin d'aide pour exporter un JSON au format CSV dans angulaire 4.angulaire 4: Exporter au format CSV JSON

Yat-il un plugin externe prêt fait pour servir mon exigence.

J'ai trouvé un plugin json2csv. Mais je n'ai aucune idée de comment l'utiliser dans Angular 4.

+0

utilisez-vous cli angulaire? jetez un oeil à la documentation https://github.com/angular/angular-cli/wiki/stories-third-party-lib – JEY

+0

Pouvez-vous partager votre code où vous avez essayé le plugin ci-dessus? Si vous n'avez pas demandé comment importer? parce que voici une documentation pour le même. https://www.npmjs.com/package/json2csv –

+0

@CliveMac, j'essaie de trouver une solution pour Angular 4 – Suvonkar

Répondre

6

Vous pouvez utiliser la version angulaire 2 de la bibliothèque. Le lien vers le même est: https://github.com/aqeel-legalinc/angular2-json2csv

Utilisation de base:

Data est l'objet JSON qui doit être converti au format CSV. Filename est le nom du fichier de sortie. Les étapes incluses sont:

installer la bibliothèque

npm install angular2-json2csv --save 

importer le package dans le composant

import {CsvService} from 'angular2-json2csv' 

Ajoutez le service dans le constructeur du composant

constructor(private csvService: CsvService) { 
    } 

Appelez le service

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

Ça ne marche plus. –

+0

Utilisez-vous Angular 5 ?. Cela ne semble pas fonctionner avec Angular 5. Il y a un problème ouvert pour le même dans: https://github.com/aqeel-legalinc/angular2-json2csv/issues/11 –

+1

oui. semble qu'aucun corps ne le maintient plus. –

0

Installation

npm install --save angular2-csv 

Dans 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