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

前端之家收集整理的这篇文章主要介绍了Angular 2使用FileSaver.js的最佳方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在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中添加任何内容.只需安装库及其类型,导入它就可以了.

原文链接:https://www.f2er.com/angularjs/143377.html

猜你在找的Angularjs相关文章