angular6 導出json數據到excal表
阿新 • • 發佈:2019-02-12
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 = newBlob([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表