使用 Angular5 下载文件

Question

我有一个允许文件上传的 Angular 5 项目，我想给用户一个 example/template 文件，他们可以先下载。

文件结构

file-importer/
  | file-importer.component.html
  | file-importer.component.ts
  | example-file-template.csv

在那个 HTML 文件中我想做这样的事情

<a href='example-file-template.csv' download>
  Download a sample template here
</a>

但是 link 是不正确的，所以我应该如何 link 到这样的静态文件？

Answer 1

将您的静态文件放在 /assets 文件夹中。它是 Angular 中的一个特殊文件夹，您应该将所有静态文件、图像等放在那里。然后 link 它们像这样：

<a href='assets/example-file-template.csv' download>
  Download a sample template here
</a>

Download file with Angular5