Angular 4: экспорт JSON в CSV

Question

Мне нужна помощь для экспорта JSON в CSV в Angular 4.

Есть ли готовый внешний плагин, чтобы удовлетворить мои требования.

Я нашел один плагин json2csv. Но я понятия не имею, как использовать его в Angular 4.

Answer 1

Вы можете использовать угловую версию 2 библиотеки. Ссылка на то же самое: https://github.com/aqeel-legalinc/angular2-json2csv

Основное использование:

Data является объектом JSON, который должен быть преобразован в CSV. Filename Имя выходного файла. Шаги включены:

Установить библиотеку

npm install angular2-json2csv --save

Импортировать пакет в компонент

import {CsvService} from 'angular2-json2csv'

Добавьте сервис в конструктор компонента

constructor(private csvService: CsvService) {
  }

Позвоните в сервис

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

Answer 2

npm install --save angular2-csv

Для Angular [ 2,4,5 ] установите старую версию:

npm install --save angular2-csv@0.2.5

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

Для заданных заголовков попробуйте это =>

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

Источник

Answer 3

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

импортировать { Angular2Csv } из 'angular2-csv';

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

Работает отлично, очень полезный инструмент.