AngularJs導(dǎo)出數(shù)據(jù)到Excel的示例代碼

第AngularJs導(dǎo)出數(shù)據(jù)到Excel的示例代碼1使用FileSaver

第一次采用FileSaver.js由于剛開始導(dǎo)致導(dǎo)出一片空白，還只能抓取網(wǎng)頁里面的表格地址：/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的好處就是可以在數(shù)據(jù)層面去組織結(jié)構(gòu)

官網(wǎng)地址:/

js部分

\\angular需要導(dǎo)入xlsx.core.min.jsalasql.min.js

\\文件結(jié)構(gòu)

vararr=[

'收入':1,

'支出':2,

'結(jié)存':3

'收入':4,

'支出':5,

'結(jié)存':6

\\生成excel文件

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

我優(yōu)化的版本

//導(dǎo)出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),

'結(jié)存':$filter('number')(item.balance,2)

if(arr.length1){

ToasterTool.error('暫無數(shù)據(jù)，導(dǎo)出失??！');

}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){