有用的工具

1. file saver

• 功能：下载文件到本地

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

用的时候在ts里面导入

import * as FileSaver from 'file-saver';
... ...
wrapStr = 'xxxsdfasdfasdfsdfsdf';
const chdlFileName = 'sun.csv';
const blob = new Blob([wrapStr], {});
FileSaver.saveAs(blob, chdlFileName);

2. ng2-file-upload

• 功能： 上传本地文件

npm install ng2-file-upload --save

在 app.module.ts 文件中引入模块

import { FileUploadModule } from 'ng2-file-upload';

@NgModule({
  ... ...
  imports: [
    ... ...
    FileUploadModule
  ],
  ... ...
})

然后在对应的Component中，引入FileUploader

import { FileUploader } from 'ng2-file-upload';

3. jszip

• 功能：打包文件

npm install jszip

import * as JSZip from 'jszip';
const arr = [
  {name: 'file1', fileContent: 'hello'},
  {name: 'file2', fileContent: 'world'}
];
... ...
zipDownload(verilogArr) {
  const zip = new JSZip();
  const folder = zip.folder();
  for (let i = 0; i < arr.length; i ++) {
    const filename = arr[i].name + '.v';
    folder.file(filename, verilogArr[i].fileContent);
  }
  zip.generateAsync({type: 'blob'}).then(
    (content) => {
      // 把打包好的文件下载下来，依赖 file saver
      FileSaver.saveAs(content, "verilogZip.zip");
    }
  );
}

4. Split.js

Split.js 是一个轻量级的 JavaScript 工具，用于创建可调整的分割视图或者窗格。

npm install split.js

5. angular-split

https://bertrandg.github.io/angular-split/#/documentation

---

Error

1. Module not found: Error: Can't resolve 'stream' in xxx
   解决方法：安装stream， npm i stream --save
   
   image.png