Angular 2使用FileSaver.js的最佳方法

发布时间：2020-12-17 07:52:07 所属栏目：安全来源：网络整理

导读：我需要在Angular2应用程序中使用FileSaver.js( https://github.com/eligrey/FileSaver.js/). 我知道我可以在主html页面中将其添加为脚本文件,它将起作用.但是我想知道在Angular 2(TypeScript)应用程序中最好的方法是什么,这样我就可以调用window.saveAs来保

我需要在Angular2应用程序中使用FileSaver.js( https://github.com/eligrey/FileSaver.js/).

我知道我可以在主html页面中将其添加为脚本文件,它将起作用.但是我想知道在Angular 2(TypeScript)应用程序中最好的方法是什么,这样我就可以调用window.saveAs来保存文件.

我设法使用这种方法(Angular-CLI)使其工作：

npm install file-saver --save
npm install @types/file-saver --save

之后,在组件中导入Filesaver：

import * as FileSaver from 'file-saver';

你可以像这样使用它：

let blob = new Blob([document.getElementById('exportDiv').innerHTML],{
            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-16le"
        });
    FileSaver.saveAs(blob,"export.xls");

如您所见,您不必在angular-cli.json中添加任何内容.只需安装库及其类型,导入它就可以了.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!