使用FileSaver.js的Angular 2最佳方法 [英] Angular 2 Best approach to use FileSaver.js

问题描述

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

I need to use the FileSaver.js (https://github.com/eligrey/FileSaver.js/) in my Angular2 application.

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

I know I can add it as a script file in main html page and it will work. But I was wondering what would be the best approach in case of an Angular 2 (TypeScript) application so that I can just call window.saveAs to save file.

推荐答案

我设法使用这种方法(Angular-CLI)使它工作:

I managed to get it work using this approach (Angular-CLI):

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

将Filesaver导入组件后:

After that import Filesaver in component:

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中添加任何内容.只需安装库及其类型，将其导入，即可开始使用.

As you can see, you don't have to add anything in angular-cli.json. Just install library and it's types, import it and you are ready to go.

这篇关于使用FileSaver.js的Angular 2最佳方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！