javascript - 在 angular2 中导出 xlsx 文件( typescript )

Question

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

也许我真的只是在寻求帮助来加载几个库。 我发现的一些事情是这个 jsfiddle 还有这个stackoverflow 。我想让类似的东西在 Angular2 中工作。任何让 alasql 工作的尝试都会遇到错误，指出它不是模块等。尝试遵循各种博客上列出的方法，例如 this one导致错误，例如“无法读取未定义的属性‘编译’”

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

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

我对其他工具持开放态度，但上面的工具对我有用——如果我能让它与 angular2 一起工作的话。

Answer 1

要将 json 导出到 Angular 2 中的 excal 文件，可以使用 alasql npm 模块。

1. 安装 npm 模块
   

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

2. 在 angular-cli.json 的脚本下添加以下节点模块脚本

   "scripts": [
   "../node_modules/xlsx/dist/xlsx.core.min.js",
   "../node_modules/xlsx/dist/xlsx.min.js",
   "../node_modules/alasql/dist/alasql.min.js"
   

   ]

3. 在需要导出文件的组件中添加以下导入语句:
   从'alasql'导入*作为alasql;

4. 在按钮单击功能上添加以下代码:-
   

   buttonClick(){
   var data1 = [{a:1,b:10},{a:2,b:20}];
   var mystyle = {
     headers:true, 
     column: {style:{Font:{Bold:"1"}}},
     rows: {1:{style:{Font:{Color:"#FF0077"}}}},
     cells: {1:{1:{
       style: {Font:{Color:"#00FFFF"}}
     }}}
   };
    alasql('SELECT * INTO XLSXML("tdts.xls",?) FROM ?',[mystyle,data1]);
   

   }