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

公司一个新的需求导出Exce表格，研究了一下，最后终于实现，分享给大家。

1 使用FileSaver

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

HTML

rush:xhtml;">

Name Email

js部分

rush:js;"> var blob = new Blob([document.getElementById('exportable').innerHTML],{ type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" }); saveAs(blob,"日记账.xls"); };

2 使用 alasql

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

官网地址:http://alasql.org/

js部分

rush:js;"> \\ angular 需要导入xlsx.core.min.js alasql.min.js \\ 文件结构 var arr = [ { '收入':1,'支出':2,'结存':3 },{ '收入':4,'支出':5,'结存':6 } ]

\ 生成 excel 文件
alasql('SELECT * INTO XLSX("日记账.xlsx",{headers:true}) FROM ?',[arr]);

我优化的版本

rush:js;"> // 导出excel

$scope.exportToExcel=function(){
var data = angular.copy($scope.pageData.list)
var arr = [];
var type = null;
var amountIN = 0;
var amountOUT = 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,'结存':$filter('number')(item.balance,2)
})
})
if(arr.length < 1){
ToasterTool.error('暂无数据，导出失败！');
}else{
// alasql('SELECT * INTO XLSX("日记账.xlsx",[arr]);

  ala<a href="/tag/sql/" target="_blank" class="keywords">sql</a>.promise('SELECT * INTO XLSX("日记账-'+ Dat<a href="/tag/eto/" target="_blank" class="keywords">eto</a>ol.format(new Date(),'yyyy-MM-dd HH:mm:ss') + "-"+ $s<a href="/tag/cop/" target="_blank" class="keywords">cop</a>e.loginUser.userName +'.xlsx",[arr])
    .then(function (data) {
      if(data == 1){
        $timeout(function(){
          ToasterTool.success('数据导出成功！')
        })

      }
    })
}

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。