2017-05-16 7 views
3

私は角度2で新しいです ここでは、私のURLが表示されるルータのコードを示します。 Router Code さて、私はそのコードを実行すると、URLは次のようになり..角度2を使用したUR1でのquestionmarkの使い方

はlocalhost:(?)50465 /プロモーション%3Fid%3D/51059

を疑問符のURL表示%の3Fのinstadではとequalto(=)ではなく%3D。元のURLを表示する方法を示します。そのような私のcodelook。

私はこのような出力にしたい:これは私を助けてくださいacheiveすることができますどのように http://localhost:50465/promotion?id=132

助けてください!!あなたがルータのためのコードを使用することができ、あなたのシナリオでは

+0

私はあなたがURIエンコードされた文字列をデコードする方法を探していると誤解されていますか?もしそうなら、 'decodeURIComponent(your_url_encoded_variable); '? – Mitchapp

+1

はい、私は同じですが、ルートパスでdecodeuriメソッドを使用する方法を探していますか? typescriptファイルで実装する方法。 – Ravi

答えて

3

は、次のようになります。あなたが実行

[routerLink]="['promotiondetail']" [queryParams]="{ id: {{id}} }" 

ショー:

{  
    path: 'home/promotiondetail',   
    component: component name 
} 

し、HTML側の

次のようなルーターのコードの外観を宣言することができますURLを取得することができ、このコードは次のようになります。

http://localhost:50465/promotion?id=132

希望です、これは便利です。 詳細については、このリンクを使用してください:https://angular-2-training-book.rangle.io/handout/routing/routeparams.html

+1

返信いただきありがとうございます。それは仕事です。私の多くの時間を節約してください。 – Ravi

+0

@ AJT_82、@ Ravi Shahで調べることができます。https://stackoverflow.com/questions/44096308/angular-2-when-passing-id-in-url-its-showing-complntid-ts0000031 – Ajay

関連する問題