【Angular】Excelのダウンロード機能を実装！

Angularって情報少ないよなっていつも思う泉（@izumin_0401）です。

ブログ記事はこちら

https://traveler0401.com/angular-excel-download

AngularでExcelをダウンロードしたい

早速ですが、AngularでExcelのダウンロード機能を実装してみましたよん。

Excelのダウンロード機能を実装する手順

「xlsx」のインストール

$ npm install xlsx

ソースコード

import * as XLSX from 'xlsx';

.
.
.

download() {
  const header = [
    "ウンコ",
    "ウンコ数"
  ];

  const data = [
    [
      "大きいウンコ",
      1
    ],
    [
      "小さいウンコ",
      2
    ]
  ];

  // ヘッダを先頭に追加
  data.unshift(header);

  // aoa_to_sheetはデータが配列の配列の場合に使う
  const workSheet: XLSX.WorkSheet = XLSX.utils.aoa_to_sheet(data);
  const workBook: XLSX.WorkBook = XLSX.utils.book_new();
  
  XLSX.utils.book_append_sheet(workBook, workSheet, 'sheet1');
  XLSX.writeFile(workBook, 'unko.xlsx');
}

上記のコードでExcelファイルをダウンロードできます。

意外と簡単だった。

まとめ

なんでExcelをダウンロードしたいのかって？

...大人の事情だよ！！

最後に

暇つぶしにTwitterとブログもやってるので見てね。