angular - 是否可以在 Angular 4 中生成 zip 文件并下载？

Question

我是 Angular 4 的初学者。我引用了很多用于生成 Zip 文件的链接，但我无法获得正确的解决方案。
是否可以在 Angular 4 中生成 Zip 文件？
如果可以的话怎么办？

Answer 1

安装库

$ npm install --save npm install jszip

在文件 tsconfig.json 中

{"compilerOptions": {"paths": {
  "jszip": ["../node_modules/jszip/dist/jszip.min.js"]
}}}

在文件 demo.component.ts 中

import { saveAs, encodeBase64 } from '@progress/kendo-file-saver';
import * as JSZip from 'jszip';

demo.component.ts 上的函数

downloadFileExample() {
  const jszip = new JSZip();
  jszip.file('Hello.txt', 'Hello World\n');

  jszip.generateAsync({ type: 'blob' }).then(function(content) {
    // see FileSaver.js
    saveAs(content, 'example.zip');
  });
}

此示例使用 Angular 6。