如何在Angular前端导出数据生成SPSS .sav文件？

• 方案一：适配Node.js的spss库到前端
  你找到的tiamo/spss原本是后端库，可通过以下步骤在Angular中使用：

  1. 先把库装到项目里：npm install spss
  2. 前端环境缺Node.js的核心模块，得加polyfill。安装buffer包：npm install buffer，然后在polyfills.ts里加import 'buffer';
  3. 写个Angular服务封装导出逻辑，示例代码：

  import * as spss from 'spss';
  import { Injectable } from '@angular/core';
  
  @Injectable({ providedIn: 'root' })
  export class SpssExportService {
    exportToSav(data: Record<string, any>[], variables: spss.Variable[]) {
      // 按照spss库要求构造数据集
      const dataset = { variables, cases: data };
      // 生成.sav对应的Buffer
      const buffer = spss.write(dataset);
      // 转成Blob并触发浏览器下载
      const blob = new Blob([buffer], { type: 'application/octet-stream' });
      const downloadUrl = window.URL.createObjectURL(blob);
      const link = document.createElement('a');
      link.href = downloadUrl;
      link.download = 'exported-data.sav';
      link.click();
      window.URL.revokeObjectURL(downloadUrl);
    }
  }
  

  调用的时候，只要把你的数据和变量定义传给这个服务的方法就行。

• 方案二：用纯前端SPSS生成库
  有些专门为浏览器写的轻量库，不用依赖Node.js模块，直接就能在前端生成.sav文件。找这类库安装后，调用API生成Blob再下载就行，步骤比改造后端库简单。

• 方案三：后端生成后返回文件流
  如果前端适配库遇到麻烦，也可以把数据传给后端，用你已经搞定的tiamo/spss生成.sav文件，再把文件流返回给前端，前端触发下载。这种方式兼容性最好，适合复杂的数据结构。

内容的提问来源于stack exchange，提问作者Mher