Question

我是Angular 2的新手。在我的index.html里面我有指令，我的整个显示器即将到来。在此我有3个指令。

<app-header></app-header>
<app-content></app-content>
<app-footer></app-footer>

在内容中有一些内容我有一个按钮，点击我要显示已存储在我的项目中的pdf文件，在不同的窗口中。在那个窗口中只有pdf，没有其他页眉或页脚。怎么做。这是我的HTML代码 -

<div class="col-md-8">
     Designed to address massive data processing especially telecom data, storage and real-time analytics on the cloud. Reports and alarms on your handheld.                                        
     <p><a class="btn-u btn-u-sm" target="_blank" [routerLink]="['files/Skybase.pdf']">Download <i class="fa fa-angle-double-right margin-left-5"></i></a></p>
</div>

我不明白在app.module.ts中写什么来路由和显示pdf。

请帮帮我。

Answer 1

我认为你不应该在这里使用角度路由。只需添加一个指向pdf文件位置的简单链接（完整网址），使用_target=blank，即可在新标签页中打开。一个例子：

<a href="http://www.thesitewizard.com/"; target="_blank">thesitewizard.com</a>

角度路由意味着无需重新加载同一页面即可工作，因此这有点超出了角度范围。 Angular用于编写SPA（单页应用程序），在新选项卡中打开任何内容都完全超出范围。

如何在Angular 4中单击按钮时在不同窗口中显示pdf文件

1 个答案: