Angular2 - Html鏈接文件下載路線後，點擊

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>