如何在Angular 2中路由/链接到PDF文件？

Question

我正在尝试检索客户端pdf文件以在浏览器中显示。尝试了普通的href和相对于html文件的路径，但都不起作用。

<a href="../assets/file.pdf>Get File</a>

而且使用路由也不起作用，或者我没有使用正确的标签...

RouterModule.forRoot([
  { path:"resume", redirectTo: '../assets/file.pdf' },
  { path: '', component: AppComponent }
])

我不确定路由是否是正确的选择，因为我只学会了根据组件文档来进行路由。

- wpakt

---

请问您能否提供更多的信息？ - Bhaskara Arani

Answer 1

<a href=".. 应该是可以使用的。我认为问题在于你的pdf文件路径。你尝试过使用 <a href="/assets/file.pdf>，而不是../assets吗？

- Edmar Miyake

---

你说得对。我考虑的是相对于HTML文件的路径，而不是文件夹的根目录。 - wpakt

Edmar，我也遇到了同样的情况，但需要下载的文件有多个，而且我无法在应用程序路由中创建每个单独的映射，因为这些文件是从外部应用程序上传的... 我该如何处理我的情况？ - DarioN1

Answer 2

我有另一种解决方案。我在我的项目中使用了这个：

{ path: 'assets/file.pdf', redirectTo: '../assets/file.pdf'}

我使用 routerLink 来获取文件，代码如下：

<button class="btn-style" routerLink="/assets/file.pdf" routerLinkActive="active">Get File</button>

希望能对某些人有所帮助 :) 它也适用于 Angular 6。

- Roland Galgóczi

---

是的，但为什么？ - Gonzi

当你的PDF文件在根目录下时，这个选项是可行的。但我认为最好的方法是创建一个端点，然后点击按钮，调用该端点并将文件作为响应发送。 - Roland Galgóczi