angular - 单击按钮时从 Assets 文件夹下载文件

Question

我正在做一个 angular2 项目，我在 assets 文件夹中有一个文件，我创建了一个按钮来在运行应用程序时下载该文件。

我看到上面的问题有很多解决方案，所以我很困惑。你能帮忙吗？

<button pButton type="button" (click)="f1()" label="Download Sample Defaults 
XML File"></button>

我需要 f1() 的代码，它可以帮助我在单击上面的按钮时将文件下载到我的下载文件夹。帮助表示赞赏。谢谢

Answer 1

您可以将 anchor 元素设置为看起来像按钮的样式，并将它的 href 设置为 assets/file

<a href="assets/file">Download here</a>

或者动态创建一个 anchor 元素，设置它的 href 元素并单击它。

类似于:

let link = document.createElement('a');
link.setAttribute('type', 'hidden');
link.href = 'assets/file';
link.download = path;
document.body.appendChild(link);
link.click();
link.remove();