An AngularJS simple directive that turns arrays and objects into downloadable CSV files,
-
Add ng-csv.min.js to your main file (index.html)
-
Set
ngCsv
as a dependency in your module
var myapp = angular.module('myapp', ['ngCsv'])
- Add ng-csv directive to the wanted element, example:
<button type="button" ng-csv="getArray()" filename="test.csv">Export</button>
-
ng-csv: The data array
-
filename: The filename that will be stored on the user's computer
-
csv-header: If provided, would use this attribute to create a header row
<button type="button" ng-csv="getArray()" csv-header="['Field A', 'Field B', 'Field C']" filename="test.csv">Export</button>
-
field-separator: Defines the field separator character (default is)
-
text-delimiter: If provided, will use this characters to "escape" string values
You can check out this live example here: http://jsfiddle.net/asafdav/dR6Nb/