☰

Angular 2 FileSaver.jsを使用するための最良のアプローチ 質問する

tag-icon • tag-icon angular angular2-directives angular2-services filesaver.js
Angular 2 FileSaver.jsを使用するための最良のアプローチ 質問する

FileSaver.js ( ) を使用する必要があります。https://github.com/eligrey/FileSaver.js/) を Angular2 アプリケーションに追加しました。

メイン HTML ページにスクリプト ファイルとして追加すれば、機能することはわかっています。しかし、Angular 2 (TypeScript) アプリケーションの場合は、window.saveAs を呼び出してファイルを保存できる最適な方法は何でしょうか。

ベストアンサー1

このアプローチ (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 に何も追加する必要はありません。ライブラリとその型をインストールしてインポートするだけで準備完了です。

おすすめ記事