使用ngx-translate更改Angular 5中語言更改的頁面URL

Question

問題在於，如何使用ngx-translate更改語言更改中的路由模塊中定義的URL路由？

挑戰在於路線是預先定義的，而我找到的唯一可能的解決方案是此解決方案，但這並不是我正在尋找的解決方案。

我需要的是在每次語言更改時都更改路線home_ [lang]（例如），如下所示：

https://baseurl/home_en

至

https://baseurl/home_es

每次用戶更改語言。

可能嗎？

我也看到了這個問題，但仍然對我不起作用。

Answer 1

也許您可以有一個接收home_language的父路由，並有子路由。 像這樣：

const  appRoutes: Routes = [
  { path: ':home_language', component: LanguageComponent, children: [
    //all your toutes here
    { path: 'route1', component: Component1 },
    { path: 'route2', component: Component2 }
  ] }
];

因此，您將擁有以下路線：

/home_es/route1
/home_es/route2
/home_en/route1
/home_en/route2

在LanguageComponent模板中，您應該添加一個路由器出口，以便子路由中的組件將被加載到那里。

<router-outlet></router-outlet>