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

Question

I have an Angular2 application that expose some direct download links to files. The files are located under : `[MY_APP_FOLDER]\src\assets\OffertFile` An example of the link href is this: ``` /assets/OffertFile/test.xlsx ``` The component.html link example is this: ``` ``` The link works, I can download the file. The problem is that once I click the link, the application routes to home... How can I avoid this? Thanks to support

Accepted Answer

Please add the `download` attribute to the `` tag. This will prevent rout changes and tell the browser it is a download link: HTML docs: https://www.w3schools.com/tags/tag_a.asp ``` ```

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

Solution

Problem