csvbox-angular

Angular adapter for csvbox.io

Shell

npm install @csvbox/csvbox-angular

Import

Add CsvboxAngularModule to your module imports

import { CsvboxAngularModule } from "@csvbox/csvbox-angular";

@NgModule({
  ...
  imports: [
    ...
    CsvboxAngularModule
  ]
})

Usage

<csvbox-button [onImport]="boundCallback" [user]="{ user_id: 'default567' }"></csvbox-button>

Example

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

@Component({
  selector: 'app-root',
  template: `
    <csvbox-button [onImport]="boundCallback" [user]="{ user_id: 'default567' }"></csvbox-button>
  `,
  styleUrls: ['./app.component.css']
})

export class AppComponent {

  title = 'csvbox-angular-example';

  public boundCallback: Function;

  public ngOnInit(){
    this.boundCallback = this.callback.bind(this);
  }

  public callback(result, data){
    if(result) {
      console.log("Sheet uploaded successfully");
      console.log(data.row_success + " rows uploaded");
    }else{
      console.log("There was some problem uploading the sheet");
    }
  }

}

Readme

For usage see the guide here - https://help.csvbox.io/getting-started#2-install-code

License

MIT © csvbox-io