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

时间:2016-10-09 16:56:49

标签: angular routing

我正在尝试检索要在浏览器中显示的客户端pdf文件。试过你的正常href,相对于html文件的路径,它没有用。

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

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

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

不确定路由是否可行,我只学会根据文档路由组件。

2 个答案:

答案 0 :(得分:8)

<a href="..应该有效。我认为问题是你的pdf文件的路径。您是否尝试<a href="/assets/file.pdf>而不是../assets

答案 1 :(得分:0)

我有另一个解决方案。我在项目中使用它:

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

,我使用routerLink来获取如下文件:

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

我希望它会对某人有所帮助:)它也可以与Angular 6一起使用。