如何使用HTML / Angular项目在浏览器中链接和查看PDF?

时间:2018-02-03 02:13:49

标签: html css angular visual-studio-2017

我想在个人网站上链接我的简历。我在Visual Studio 2017中使用Angular模板。

我的PDF在我的项目目录中。

/components/navmenu/resume.pdf

/components/navmenu/navmenu.component.html

/components/navmenu/navmenu.component.css

/components/navmenu/navmenu.component.ts

在navmenu.component.html里面,我有

<a href="resume.pdf">Resume</a>

我还没有将项目发布到服务器。它只是在Localhost上运行。如何在浏览器中查看resume.pdf?

1 个答案:

答案 0 :(得分:1)

仔细检查您在锚标记中使用的网址。也许您还可以考虑在角度项目的根目录下创建一个文件夹,比如contents或类似的东西,您可以将文件放在那里。然后你只需要像

那样引用它
<a href="/contents/resume.pdf">Resume</a>