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