ignite-ui - Igx 按钮打开链接并下载文件

Question

单击 igx 按钮时是否可以通过链接下载文件（例如 Power Point 演示文稿）？我找不到任何与我的问题相关的话题。

这是我的示例代码：

  <button igxButton="raised" (click)="downloadFile()" class="downloadBtn">
    Download File
  </button>

和功能：

downloadFile() {
   let exampleLink = "https://downloadexamplefile.com/fileid123"
  }

谢谢！

Answer 1

此功能并非特定于 igxButton。该按钮可能是下载操作的触发器，尽管实际操作是您需要处理的。

一个例子是创建一个Service并指定responseType选项，该选项在 GET 请求时可以返回一个表示下载文件的 blob 。然后就可以调用这个服务，订阅对应的observable，最终在igxButton点击时保存文件

示例： https ://www.thecodehubs.com/download-file-with-httpclient-in-angular/