如何使用angularjs将html表导出为ex​​cel

时间:2018-03-16 14:14:06

标签: angularjs

我尝试使用angularJS将HTML表格导出为Excel。我经历了很多网站和几个博客,但我没有得到合适的答案。任何帮助/建议非常感谢。 这是我迄今为止所能实现的目标:

<button class="btn" ng-click="xlms()"></button>

Angularjs:

app.controller('Myctrl', function($scope){ 
$scope.xlms = function(){
    var xl = '<html xmlns:x="urn:schemas-microsoft-com:office:excel">';
    xl = xl + '<head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>';
    xl = xl + '<x:Name>Test Sheet</x:Name>';

    xl = xl + '<x:WorksheetOptions><x:Panes></x:Panes></x:WorksheetOptions></x:ExcelWorksheet>';
    xl = xl + '</x:ExcelWorksheets></x:ExcelWorkbook></xml></head><body>';

    xl = xl + document.getElementById('export').html(); --> 'export is id of html'
    tab_text = tab_text + '</table></body></html>';
    }
    }

此外,我不知道如何实施

2 个答案:

答案 0 :(得分:1)

使用alasql cdn将数据导出到xls。

 $scope.exportData = function () {
          alasql('SELECT * INTO XLS("alexa.xls",?) FROM ?',[mystyle,$scope.items]);
    }; //$scope.items array of objects //mystyle -format table type. 

请查看以下plunker链接,以获取相同的参考资料。

 `https://plnkr.co/edit/Hc4nq1EQMNEbJJHb6MbU?p=preview`

答案 1 :(得分:0)

使用以下代码传递表ID:

chocolatey

然后使用以下代码设置导出html的逻辑:

<button class="btn" ng-click="xlms('#table1')"></button>