ng6-json2csv v0.0.2

Install

npm install ng6-json2csv --save

Usage

Add Json2csvModule to your module's imports

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';

import { Json2csvModule } from 'ng6-json2csv';

@NgModule({
  imports: [BrowserModule, Json2csvModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})

class AppModule {}

platformBrowserDynamic().bootstrapModule(AppModule);

And then use it in your component

import { Component } from '@angular/core';

@Component({
  selector: 'example-app',
  template: `
  <j2c-json2csv [csvData]="data" 
	[seperator]="dataseperator"
	 [fileName]="saveFileName"
	  [autoSaveOnPageLoad]="isPageLoad">
	</j2c-json2csv>
	<button (click)="save()">Save</button>
  `
})
export class AppComponent {
 data = [
    {
      name: "xyz",
      age: "1"
    },
    {
      name: "pqr",
      age: "2"
    }
  ];
  dataseperator = "," ;
  saveFileName = "dataSave";
  isPageLoad: boolean;
  
  save(){
  this.isPageLoad=true;
  }
  
}

Options

• [csvData]
• [seperator]
• [fileName]
• [autoSaveOnPageLoad]

csvData

Pass Json Object

[csvData]=[{ name: "xyz", age: "1" }, { name: "pqr", age: "2" }]

seperator

Data Seperator

[seperator]=","

fileName

FileName, In which data will be save

[fileName]="yourFileName"

autoSaveOnPageLoad

Wheather file is save on pageLoad or after event perform

[autoSaveOnPageLoad]="true"

License

MIT