1. 程式人生 > >angular6 導出json數據到excal表

angular6 導出json數據到excal表

write excel data 導出文件 .json 不能 app his 文件的

1 首先使用npm下載插件依賴的安裝包

npm install file-saver --save npm install xlsx --save 2 引入項目中的ts文件中 import * as FileSaver from ‘file-saver‘; import * as XLSX from ‘xlsx‘; 3 寫一個exportList(){ }方法,點擊導出按鈕時執行此方法,導出文件
 1  exportList() {

// json 示例

let json = [{"姓名": "***", "工號": "***", "英文名": "***", "部門": "**", "性別": "1", "手機": "+861**********",

"個人郵箱": "****@**.com"
}];

 2     let json = this.linuxRow;
 3     //linuxRow是要導出的json數據,可以根據選擇來命名
 4     const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
 5     const workbook: XLSX.WorkBook = {
 6       Sheets: { data: worksheet },
 7       SheetNames: [data]
 8     };
9 const excelBuffer: any = XLSX.write(workbook, { 10 bookType: xlsx, 11 type: array 12 }); 13 //這裏類型如果不正確,下載出來的可能是類似xml文件的東西或者是類似二進制的東西等 14 this.saveAsExcelFile(excelBuffer, linux安裝詳情); 15 } 16 private saveAsExcelFile(buffer: any, fileName: string) { 17 const data: Blob = new
Blob([buffer], { 18 type: 19 application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8 20 }); 21 FileSaver.saveAs(data, fileName + _ + new Date().getTime() + .xlsx); 22 // 如果寫成.xls,可能不能打開下載的文件,這可能與Excel版本有關 23 }

angular6 導出json數據到excal表