angular1.x纯前端导出数据到excel

今天，我在写需求的时候跟后端对接，突然看到几个字眼，纯前端导出excel，我的内心是惶恐的。

后端很漠然地跟我说：他不知道这个接口，也不准备写这个接口。

于是，我只能默默地百度。。。。。。

把原文附上：https://www.cnblogs.com/herowalking/p/12325976.html

我使用的是方法1：

第一步：现在service文件中注册factory，代码如下

angular.module('修改处1').factory('Excel',function($window){var uri='data:application/vnd.ms-excel;base64,',template='{table}',base64=function(s){return $window.btoa(unescape(encodeURIComponent(s)));},format=function(s,c){return s.replace(/{(\w+)}/g,function(m,p){return c[p];})};return {tableToExcel:function(tableId,worksheetName){debuggervar table=$(tableId),ctx={worksheet:worksheetName,table:table.html()},href=uri+base64(format(template,ctx));return href;}};
})

PS：修改处1为你模块的名称，其他地方可照抄

第二步：在controller中引用Excel，名字对应的是factory的名字，可自行修改，代码如下

$scope.test = function (tableId) {var exportHref = Excel.tableToExcel(tableId, new Date().getTime());setTimeout(function() {location.href = exportHref;},500);
}

第二步要注意的事项是，在使用Excel的时候，要配置，在controller里引入Excel

第三步：html里面加入导出功能

导出数据

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！