ボタンをクリックすると別のウィンドウでPDFファイルを表示する方法4

私は角度2を初めて使っています。私のindex.htmlの中に私の指示があります。この中に私は3つの指示があります。ボタンをクリックすると別のウィンドウでPDFファイルを表示する方法4

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

一部の内容で、私はすでに別のウィンドウでは、私のプロジェクトに保存されたPDFファイルを、表示したいものをクリックするだけで、ボタンを持っているの内側。そのウィンドウでは、pdfだけがそこにあり、他のヘッダーやフッターはありません。どうやってするか。は、それは私がルーティングとPDFを表示するためapp.module.tsに書くために何を理解していない

<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>

コード - 私のhtmlです。

私を助けてください。

出典

2017-07-28 Subho

私はこの 'files/Skybase.pdf'ルートを角度ルータで設定する必要はないと思います。これはサーバー側のもので、サーバーはファイルを返し、ブラウザはpdfビューアで同じものを表示します。 –

Pankajコメントに追加すると、ここでは角度ルーティングを使用しないでください。 pdfファイルの場所（フルURL）に単純なリンクを追加するだけで、_target = blankを使用するので、新しいタブで開くことができます。例：thesitewizard.com – eddyP23

角度ルーティングは、同じページを再ロードせずに動作するように意図されているので、これはちょっと角度の範囲外です – eddyP23

角度ルーティングはここでは使用しないでください。 PDFファイルの場所（フルのURL）に簡単なリンクを追加するだけで、を使用すると、新しいタブで開きます。例：

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

角度ルーティングは、同じページをリロードせずに動作するように意図されているため、角度の範囲外です。 AngularはSPA（シングルページアプリケーション）を作成するためのもので、新しいタブのものを開くことはできません。

出典

2017-07-31 13:56:11 eddyP23

ボタンをクリックすると別のウィンドウでPDFファイルを表示する方法4

答えて

関連する問題