Skip to content
Angular component that lets you import and convert CSV file to JSON
JavaScript
Branch: master
Clone or download

Latest commit

bahaaldine Merge pull request #72 from ronysilvati/patch-2
New feacture: Import same csv file again;
Latest commit 923f17d Jan 7, 2018

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
examples update May 19, 2017
lib Merge pull request #63 from MaximusFT/master May 19, 2017
.gitignore
.travis.yml
Gruntfile.js
LICENSE adding core files Jul 10, 2014
README.md Fix typo Oct 13, 2017
bower.json Release v0.0.38 May 19, 2017
package.json Release v0.0.38 May 19, 2017

README.md

Build Status Built with Grunt

Angular CSV Import

Demo page

http://bahaaldine.github.io/angular-csv-import

Installation

Install depedencies using bower:

bower install angular-csv-import

Add js libraries to your application:

	...
	<script src="bower_components/angular-csv-import/dist/angular-csv-import.js"></script>
    ...

Add ngCSVImport module to you application

	...
	angular
	  .module('myAwesomeApp', [
	    ...
	    'ngCsvImport',
	    ...
	  ])
	...

Usage

Include the ng-csv-import element with its options:

<ng-csv-import content="csv.content"
	material
	md-button-class="md-icon-button md-raised md-accent"
	md-svg-icon="file:ic_file_upload_24px"
	header="csv.header"
	separator="csv.separator"
	result="csv.result"
	accept="csv.accept"></ng-csv-import>
  • multiple

If multiple attribute setted the directive will thow an error due a not implemented yet logic.

  • material

Attribute to tell to the directive to activate the material power!

  • md-button-class

Attribute to personalize the md-button inside the directive

  • md-svg-icon

The icon to show in md-button

  • csv.content

A variable which will contain the content loaded by the file input

  • csv.header

A variable that says whether or not the source CSV file contains headers

  • csv.headerVisible

A variable to toggle header visibility

  • csv.separator

A variable containing the separator used in the CSV file

  • csv.separatorVisible

A variable to toggle separator visibility

  • csv.encoding

A variable to set the CSV file encoding

  • csv.encodingVisible

A variable to toggle encoding visibility

  • csv.result

A variable which will contain the result of the CSV to JSON marshalling.

  • csv.accept

An optional variable to limit what file types are accepted. Ex. ".csv" to only accept csv file types.

  • csv.acceptSize

An optional variable to limit the size of the files that are accepted in bytes. Ex. "1024" to only accept files up to 1kB.

  • csv.acceptSizeExceedCallback

An optional variable to pass in a callback to execute if the user attempted to upload a file larger than csv.acceptSize. Will run instead of parsing.

  • csv.callback

An optional variable to pass in a callback to execute once the file has been parsed. Will run following any successful parsing (ie change file, change separator, etc...).

You can’t perform that action at this time.