将数据从api控制器导出到Excel,Angular 2

我是Angular的新手,我有一个问题。 我试图导出数据,当我点击一个button。

这是我的组件代码:

exportExcel() { this.orderService.exportExcel().subscribe( () => { alert("The downloading process has started"); } ); } 

这是我的服务代码

  exportExcel = (): Observable<any> => { return this.http.put(this.configuration.Server + "ExcelExport/", {headers:this.headers}); } 

这里是我的API控制器代码

 [HttpPut] public async Task<IActionResult> Put() { var user = await GetCurrentUserAsync(); var orders = await _orderRepository.GetOrderStatus(user); StringBuilder sb = new StringBuilder(); sb.Append("<table border=`" + "1px" + "`b>"); sb.Append("<tr>"); sb.Append("<td><b><font face=Arial Narrow size=3>FName</font></b></td>"); sb.Append("</tr>"); foreach (var data in orders) { sb.Append("<tr>"); sb.Append("<td><font face=Arial Narrow size=" + "14px" + ">" + data.Price + "</font></td>"); sb.Append("<tr>"); } sb.Append("</table>"); HttpContext.Response.Headers.Add("content-disposition", "attachment; filename=Information.xls"); Response.ContentType = "application/vnd.ms-excel"; byte[] temp = Encoding.UTF8.GetBytes(sb.ToString()); return File(temp, "application/excel"); } 

当我点击button,我只是想开始下载导出 – 但它不是这样做的。 请帮助我 – 谢谢