Javascript 在js中导出到Excel_Javascript_Angularjs_Excel

Javascript 在js中导出到Excel

javascript angularjs excel

Javascript 在js中导出到Excel,javascript,angularjs,excel,Javascript,Angularjs,Excel,我在导出到Excel时遇到问题查看 <a ng-href="#"> <i class="fa fa-file-excel-o" ng-click="export_excel()"> Export to Excel</i> </a> <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_

我在导出到Excel时遇到问题

查看

<a ng-href="#">
<i class="fa fa-file-excel-o" ng-click="export_excel()"> Export to Excel</i> </a>

   <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
                <thead>
                    <tr>   
                        <th>Sl No</th>
                        <th>Scope of Work</th>
                        <th>Description</th>

                    </tr>
                </thead>
                <tbody>
                    <tr class="odd gradeX" ng-repeat="scpdata in scopeData"> 
                        <td>{{$index + 1}}</td>
                        <td>{{scpdata.scope_of_work}}</td>
                        <td>{{scpdata.ss_description}}</td> 
                    </tr>

                </tbody>
            </table>


Sl号
工作范围
描述
{{$index+1}}
{{scpdata.工作范围}
{{scpdata.ss_description}}

js控制器

  $scope.export_excel = (function() { 
        var uri = 'data:application/vnd.ms-excel;base64,'
        , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
        , 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 function(table, name) {
            if (!table.nodeType) table = document.getElementById(table)
            var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
            window.location.href = uri + base64(format(template, ctx))
        }
    })()

$scope.export\u excel=（函数（）{
var uri='data:application/vnd.ms excel；base64，'
，模板=“{table}”
，base64=函数{return window.btoa（unescape（encodeURIComponent））}
，format=函数（s，c）{返回s.replace（/{（\w+）}/g，函数（m，p）{返回c[p]；}）}
返回函数（表、名称）{
如果（！table.nodeType）table=document.getElementById（table）
var ctx={工作表：名称| |'工作表'，表：table.innerHTML}
window.location.href=uri+base64（格式（模板，ctx））
}
})()

我是新来的

我参考。

使用以下代码

modulename.factory('Excel', function ($window) {
var uri = 'data:application/vnd.ms-excel;base64,',
    template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',
    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) {
        var table = $(tableId),
            ctx = { worksheet: worksheetName, table: table.html() },
            href = uri + base64(format(template, ctx));
        return href;
    }
};})

到底是什么问题？您真的确定要在客户端生成excel文件吗？通常这样的任务是在服务器端执行的（只是说），我是根据上面的链接开始的。现在我得到了这个错误：angular.js:12477 TypeError:无法读取undefinedhi的属性'nodeType'。我想问你…你想问什么？$scope.exportToExcel=函数（'#sample_1'））…此下有一个错误行使用此按钮操作，如控制台中的donot write in controller函数显示此引用错误：未定义Excel

 $scope.exportToExcel = function (tableId) {  // ex: '#my-table'   
   var exportHref = Excel.tableToExcel(tableId, 'sheetname');
   $timeout(function () { location.href = exportHref; }, 100);    }