Angular2 - Html link 点击后将下载路径归档到主页

Question

我有一个 Angular2 应用程序公开了一些直接下载 link 文件。

文件位于：

[MY_APP_FOLDER]\src\assets\OffertFile

link href 的一个例子是这样的：

/assets/OffertFile/test.xlsx

component.htmllink例子是这样的：

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

link 有效，我可以下载文件。问题是，一旦我单击 link，应用程序就会路由到主页...

我怎样才能避免这种情况？

感谢支持

Answer 1

请将 download 属性添加到 <a> 标签。这将防止路由更改并告诉浏览器这是一个下载 link:

HTML docs: 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>

Angular2 - Html link to file download routes to home after click