1.bower安装ng-csv,(bower install ng-csv --save),引入bower_components/ng-csv/build/ng-csv.js
2.模块注入ngCsv,
var myapp = angular.module('myapp', ['ngSanitize', 'ngCsv'])
3.添加指令到页面的导出excel按钮
<button type="button" ng-csv="getArray" filename="test.csv">Export</button>
<button type="button" ng-csv="getArray" csv-header="['Field A', 'Field B', 'Field C']" filename="test.csv">Export</button>
getArray是你需要导出的数据,可以是数组,一个值,一个表达式,filename以及需要导出的内容可根据具体情况进行设置,csv-header设置需要展现数据的表头的属性
如何用到项目中
<button class="btn btn-primary ng-isolate-scope btn-sm" ng-csv="getSkuPackageArrays" filename="{{filename}}.csv" csv-header="['ID','优先级','套餐包类型','最大条数','最小条数','单价','创建时间','创建人','标识']" add-bom="true" >{{'commonOperate.Excel'|translate}}</button>
add-bom="true"加上以后可以防止导出的表格出现乱码
参考链接:https://github.com/asafdav/ng-csv
https://asafdav.github.io/ng-csv/example/
http://stackoverflow.com/questions/27041800/angularjs-ng-csv-files-not-downloading