【问题标题】:Create a excel file dynamically using angularjs使用angularjs动态创建excel文件
【发布时间】:2018-08-17 12:29:07
【问题描述】:

我查看了很多示例,但在 angularjs 中找不到我的查询的确切解决方案。我也尝试了下面的示例,但它对我不起作用。 Create simple xlsx (excel file ) from javascript or Jquery

我只想创建一个包含少量数据的 Excel,如附图所示。我需要在按钮单击事件上生成 excel 文件仅使用 angularjs。

【问题讨论】:

  • 你试过搜索any solutions吗?
  • @Aleksey Solovey - 是的,搜索了很多,在上面的描述中添加了链接的引用。他们中的大多数将表格数据转换为 angularjs 中的 excel 没有如上所述创建 excel 文件。

标签: angularjs excel dynamically-generated


【解决方案1】:

使用 alasql.min.js & xlsx.core.min.js

<!DOCTYPE html>
<html lang="en-US" ng-app="App">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/alasql/0.4.9/alasql.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.13.4/xlsx.core.min.js"></script> 
<body>
    <div ng-controller="BnkCtrl">
        <button ng-click="saveAsXlsx()">Save As XLSX</button>
    </div>
    <script type="text/javascript">
        angular.module("App",[])
            .controller("BnkCtrl",function($scope,$http){
                $scope.test = [{Column_A:'aa',Column_B:'bb'},{Column_A:'cc',Column_B:'dd'},{Column_A:'ee',Column_B:'ff'}];
                $scope.saveAsXlsx = function () {
                alasql('SELECT * INTO XLSX("output.xlsx",{headers:true}) FROM ?',[$scope.test]);
            }
        });
    </script>
</body>

Plunk

【讨论】:

    猜你喜欢
    • 2014-08-14
    • 2016-04-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-11
    • 1970-01-01
    • 1970-01-01
    • 2016-11-29
    相关资源
    最近更新 更多