以angular2(typescript)导出xlsx文件

时间:2016-06-23 18:38:19

标签: javascript typescript angular xlsx

我需要从正在开发的angular2应用程序中获取要导出到xlsx文件的数据。

也许我真的只是在寻找帮助来加载几个库。 我发现的一些事情是jsfiddlestackoverflow。我想在angular2中得到类似的东西。任何使alasql工作的尝试都遇到了错误,说明它不是模块等。尝试遵循各种博客上列出的方法,例如this one会导致错误,例如“无法读取未定义的属性'编译'

在前面提到的 jsfiddle是我想要工作的一个例子:

var res = alasql('SELECT INTO XLSX("MyAwesomeData.xlsx",?) FROM ?',[opts,[data1,data2]]);

我对其他工具持开放态度,但上述内容对我有用 - 如果我可以使用angular2。

2 个答案:

答案 0 :(得分:3)

要将json导出为角度2的excal文件,您可以使用alasql npm模块。

  1. 安装npm模块

     Error:Execution failed for task ':app:processDebugResources'.
    
  2. 在angular-cli.json中,在脚本下添加以下节点模块脚本

    i)  npm install --save alasql 
    ii) npm install --save xlsx
    

  3. 在需要导出文件的组件中添加以下import语句:
    "scripts": [ "../node_modules/xlsx/dist/xlsx.core.min.js", "../node_modules/xlsx/dist/xlsx.min.js", "../node_modules/alasql/dist/alasql.min.js"

  4. 按钮点击功能添加以下代码: -

    import * as alasql from 'alasql';

    }

答案 1 :(得分:0)

最近,我遇到了同样的问题。简单的alasql不是角度2模块,但你仍然可以使用角度2。简单包括它像旧的方式。

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.7.12/xlsx.core.min.js"></script>
<script src="https://cdn.jsdelivr.net/alasql/0.3/alasql.min.js"></script>

然后在组件或服务文件中的导入之后添加此行,您需要使用alasql。

declare let alasql

这对我来说非常适合link

祝你好运