angular时间json导出为excel，使用xsls

Angular导出Excel

最新推荐文章于 2024-06-18 14:12:14 发布

原创最新推荐文章于 2024-06-18 14:12:14 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#angular2-xlsx-export #xlsx #json

angular 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在Angular项目中使用xlsx库实现将JSON数据转换为Excel文件的功能。通过安装xlsx并利用其提供的API，可以轻松地从Angular应用导出数据到Excel文件。

 1、在angular应用程序中按照 xlsx file-saver
 npm install xlsx --save //当前使用的版本 0.13.3

//编写angular - service代码
import {Injectable} from '@angular/core';
import * as XLSX from 'xlsx';


@Injectable()
export class SheetService {
  constructor() {
  }

  public jsontToSheet(json: any[], filename: string): void {
    //gengerate worksheet
    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
    //generate workbook and worhsheet
    const workbook: XLSX.WorkBook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
    //save file
    XLSX.writeFile(workbook, filename);
  }
}

//使用
class SheetJS {
  constructor(private sheetService: SheetService) {
  }

  private export() {
    let json = [{id: '1', name: '11'}, {id: '2', name: '22'}, {id: '3', name: '33'},];
    this.sheetService.jsontToSheet(json, 'test');
  }
}

 详情https://docs.sheetjs.com/#sheetjs-js-xlsx xlsx