私のURL角度2翻訳 - 私は/ FR」、 "EN /大豆" を選択した言語に応じて、私のURLの残りの部分を変更する必要が</p> <p>ハロー人々をNG-翻訳、</p> <p>- 活字体

Question

Angular2 - 活字体を大豆"。

{ path: ':lang/soybean', component: SoybeanComponent } 

マイ大豆の成分が持つのlangのparamから変換された私は、FR /大豆などのURLを表示するが、まだ使用することができますどのように

this.route.params.subscribe(params => { 
    translate.use(params['lang']); 
}) 

をNG-翻訳：私のapp.routesでは、私はこの道を得ましたパスfr /大豆！ { path: ':lang/soya', component: SoybeanComponent }, 私は良いパスにユーザーをリダイレクトすると考えていた：

if(params['lang'] === 'en'){ 
     this.router.navigateByUrl('lang/soybean'); 
    } 
    if(params['lang'] === 'fr'){ 
     this.router.navigateByUrl('lang/soya'); 
    } 

が、それは無限の負荷になり、私は新しいパスを作成します*

を試してみました何

。

if(params['lang'] === 'en'){ 
     this.router.navigateByUrl('en/soybean'); 
    } 
    if(params['lang'] === 'fr'){ 
     this.router.navigateByUrl('fr/soya'); 
    } 

が、この場合には、私は例外をキャッチします*

Answer 1

と だけで使用されるテンプレート文字列私は新しいパスを作成location.replace（NEWURL）

と私自身の解決策を見つけた：{ path: ':lang/soya', component: SoybeanComponent }

を、私のコンポーネントで、私はlocation.replaceを使用（URL）

this.route.params.subscribe(params => { 
      translate.use(params['lang']); 
      switch (params['lang']) { 
       case 'en': 
        location.replace(`index.html#/${params['lang']}/soybean`) 
         break; 
       case 'fr': 
        location.replace(`index.html#/${params['lang']}/soya`); 
         break; 
      } 

     }) 

これは私のために働く！あなたがもっと良い解決策を知っているなら、私はそれを聞いてうれしいでしょう！どうも ！

Answer 2

あなたが:-)それを過度に複雑さ：
は、それから私は、私のようなリダイレクト後のlangのparamをハードコーディングできると思っていました。バッククォート

url = `${lang}/${i18name}`