Angular 4 为同一个组件创建不同的语言路径路由

Question

我想为网站创建多语言支持。我目前正在使用 ngx-translate 来翻译所有文本。假设我们有两个 url，mypage/en/home 和 mypage/es/home。我如何创建这些语言路径并将它们路由到主组件？

Answer 1

根据评论更新：

在路由器的路由中你可以这样做：

export const routes: Routes =[
  {
    path: 'mypage/:language/home', component: HomeComponent
  }
]

这样你实际上只需要一条路线，并且可以有任意多的语言。

然后在你的组件中你可以做：

public constructor (
  route: ActivatedRoute
){
  this.language = this.route.snapshot.params['language'];  
}

如果你真的想要多条路线，你可以这样做：

export const routes: Routes =[
  {
    path: 'mypage/en/home', component: HomeComponent
  }
  {
    path: 'mypage/es/home', component: HomeComponent
  }
]

Angular 4 为同一个组件创建不同的语言路径路由

Angular 4 create different language path route to the same component

multilingual

angular

angular-router