2017-09-21 1 views
0

JSON을 CSV 형식으로 내보내려면 약간의 도움이 필요합니다.각도 4 : JSON을 CSV로 내보내기

내 요구 사항을 처리 할 준비가 된 외부 플러그인이 있습니까?

나는 하나의 플러그인 json2csv을 발견했습니다. 하지만 각도 4로 사용하는 방법을 모른다.

+0

에서

npm install --save angular2-csv 

당신이 각 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은 출력 파일의 이름입니다. 포함 된 단계는 다음과 같습니다

는 컴포넌트

constructor(private csvService: CsvService) { 
    } 

전화의 생성자에서 서비스를 추가 라이브러리

npm install angular2-json2csv --save 

가져 오기 구성 요소

import {CsvService} from 'angular2-json2csv' 

에서 패키지를 설치 서비스

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

더 이상 작동하지 않습니다. –

+0

각도 5를 사용하고 있습니까? 이것은 Angular 5에서 작동하지 않는 것 같습니다. https://github.com/aqeel-legalinc/angular2-json2csv/issues/11 –

+1

yes에서 동일한 문제에 대한 공개 문제가 있습니다. 더 이상 육체가없는 것처럼 보입니다. –

0

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