2017-12-04 20 views
0

現在のリクエストのURLをAngular 5で取得するにはどうすればよいですか?現在のリクエストのurl(window.location)をAngular 5で取得するにはどうすればよいですか?

私はオンラインで見つけた解決策をいくつか試しましたが、何も動作していないようです。 - $ウィンドウ - WindowRef例

でネイティブウィンドウをラップ私はすべての朝、この探しますが、ちょっと角度までとは異なる新たな例で迷子オンライン角度の異なるバージョンをターゲットにしてきました。

UPDATE:私は、ブラウザのアドレスバーに現在のURLを取得するには活字体

おかげ

+2

"現在のリクエスト"とは何を正確に呼んでいますか? – Ploppy

+0

あなたはページのURLを最新の状態にしたいですか? –

+0

ブラウザのアドレスバーにあるURLは、私が後にしているものです。しかし、以下の答えで私はそれをすでに理解していました。 –

答えて

0

を使用していますがwindow.location.href.Youを取得するための角度ラッパーを必要としない使用することができます現在のURL。

+0

もしそれが好きなら、それはウィンドウが定義されていないと言います。ラッパーのアプローチを使用して、私はそれを動作させました。ありがとう –

1

角度ソリューションが必要な場合は、これを使用できます。あなたは、現在のページのhref(URL)を返しwindow.location.href標準のウィンドウソリューション

を使用することができ、他の

import { Router } from '@angular/router'; 

constructor(private router:Router) {} 

someMethod(){ 
    console.log(this.router.url) 
} 

+0

私は今、ラッパーのアプローチを使用して、それを動作させました。しかし、私はこれも試みます。私にラッパークラスを保存します。 –

+0

TypeScriptを使って私に言及するのを忘れていました。そして、タイプコピーウィンドウでは定義されていません。 –

+0

ルータはアプリに「ローカル」ルートのみを返します(これが適切な用語であるかどうかは分かりません) http://www.myhost.com/myapp/apiはルータの場所に含まれていません。 私はWindowRefラッパーメソッドを採用しました。 –

0

あなたは活字体で、あなたのコンポーネントでwindow.location.hrefを使用したい場合は、あなたが他の輸入品で、次の宣言を追加する必要があります。この上

declare let window; 

短い書き込みアップはこちらin this blog post可能です。

関連する問題