Angular2 - 单击后链接到文件下载路径到家

Question

我有一个 Angular2 应用程序，它会公开一些文件的直接下载链接。

文件位于：

[MY_APP_FOLDER]\src\assets\OffertFile

链接href的一个例子是：

/assets/OffertFile/test.xlsx

component.html链接示例如下：

<a href="/assets/OffertFile/test.xlsx" target="_self">
      <i class="fa fa-download fa-2x text-primary" aria-hidden="true"></i>
</a>

该链接有效，我可以下载该文件。问题是，一旦我点击链接，应用程序就会路由到家...

我该如何避免这种情况？

感谢支持

Answer 1

请将download属性添加到<a>标记。这将阻止路由更改并告诉浏览器它是下载链接：

  

HTML文档：https://www.w3schools.com/tags/tag_a.asp

<a href="/assets/OffertFile/test.xlsx" target="_self" download>
      <i class="fa fa-download fa-2x text-primary" aria-hidden="true"></i>
</a>