AngularJs导出数据到Excel的示例代码

第AngularJs导出数据到Excel的示例代码1使用FileSaver

第一次采用FileSaver.js由于刚开始导致导出一片空白，还只能抓取网页里面的表格地址：/eligrey/FileSaver.js

HTML

divid="exportable"

tablewidth="100%"

thead

thName/th

thEmail/th

/tr

/thead

tbody

td小明/td

tddsds@163.com/td

/tr

/tbody

/table

/div

js部分

varblob=newBlob([document.getElementById('exportable').innerHTML],{

type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"

saveAs(blob,"日记账.xls");

};

2使用alasql

使用alasql的好处就是可以在数据层面去组织结构

官网地址:/

js部分

\\angular需要导入xlsx.core.min.jsalasql.min.js

\\文件结构

vararr=[

'收入':1,

'支出':2,

'结存':3

'收入':4,

'支出':5,

'结存':6

\\生成excel文件

alasql('SELECT*INTOXLSX("日记账.xlsx",{headers:true})FROM',[arr]);

我优化的版本

//导出excel

$scope.exportToExcel=function(){

vardata=angular.copy($scope.pageData.list)

vararr=[];

vartype=null;

varamountIN=0;

varamountOUT=0;

angular.forEach(data,function(item){

//兑付情况

if(item.isHappened){

type='未兑付'

}else{

type='已兑付'

//收入

if(item.itemModel=='INCOME'){

amountIN=item.amount

//支出

if(item.itemModel=='OUTCOME'){

amountOUT=item.amount

arr.push({

'兑付情况':type,

'合同':item.keyId,

'收付日期':$filter('date')(item.updateTime,'yyyy-MM-dd'),

'科目':item.itemType.value,

'收入':$filter('number')(amountIN,2),

'支出':$filter('number')(amountOUT,2),

'结存':$filter('number')(item.balance,2)

if(arr.length1){

ToasterTool.error('暂无数据，导出失败！');

}else{

//alasql('SELECT*INTOXLSX("日记账.xlsx",{headers:true})FROM',[arr]);

mise('SELECT*INTOXLSX("日记账-'+DateTool.format(newDate(),'yyyy-MM-ddHH:mm:ss')+"-"+$scope.loginUser.userName+'.xlsx",{headers:true})FROM',[arr])

.then(function(data){

if(data==1){