C# excel在Angular 5中上载

C# excel在Angular 5中上载,c#,angular5,C#,Angular5,我正在尝试使用下面的代码将数据导出到angular 5中的excel。Excel已成功下载。但excel中的数据显示如下: 可以使用和库导出excel文件中的表数据 在HTML中: <table id="exportable" *ngIf="data.length != 0" cellpadding="1" cellspacing="1" class="table table-bordered table-striped"> <thead>

我正在尝试使用下面的代码将数据导出到angular 5中的excel。Excel已成功下载。但excel中的数据显示如下:

可以使用和库导出excel文件中的表数据

在HTML中:

<table id="exportable" *ngIf="data.length != 0" cellpadding="1" cellspacing="1" class="table table-bordered table-striped">
      <thead>
          <tr>
              <th>Name</th>
              <th>Username</th>
          </tr>
      </thead>
      <tbody>
          <tr *ngFor="let report of data">
              <td>{{report.name }}</td>
              <td>{{report.userName}}</td>
          </tr>
      </tbody>
  </table>
  <button mat-button (click)="exportToExcel()">Download Excel</button>
以及功能:

exportToExcel() {
    var blob = new Blob([document.getElementById("exportable").innerText], {
      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
    });
    var fileName = 'Test.xls';
    saveAs(blob, fileName);
  }

您可以在Typescript中创建一个函数,并在调用API获取数据后调用该函数

功能如下:-

downloadReport(data:any){
        const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(data);
        const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
        XLSX.writeFile(workbook, 'Data.xls', { bookType: 'xls', type: 'buffer' });
    }

不要在按钮上调用此函数单击调用在导出到excel按钮上从API获取数据的函数

数据变量中的值是什么,控制台数据(794)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{{userID:2,MaxPrice:“1130.00000”,MinPrice:,日期:“2016年1月4日”,更改:,…}1:{userID:2,MaxPrice:“1130.00000”,MinPrice:,日期:“2016年1月8日”,更改:,…}3:{userID:2,MaxPrice:“1130.00000”,MinPrice:,日期:“2016年1月14日”,更改:“,如果您在angular 5中有任何excel导出的演示,请提供链接。我对导出excel有相同的要求,然后我所做的是在表中添加数据并导出工作正常的数据,如果您正在搜索相同的数据,那么我将发布一个带有一些示例数据的答案。是的。请提供链接。我将在我的pro上尝试我很高兴它能帮助你!
exportToExcel() {
    var blob = new Blob([document.getElementById("exportable").innerText], {
      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
    });
    var fileName = 'Test.xls';
    saveAs(blob, fileName);
  }
downloadReport(data:any){
        const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(data);
        const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
        XLSX.writeFile(workbook, 'Data.xls', { bookType: 'xls', type: 'buffer' });
    }