Question

我想为网站创建多语言支持。我目前正在使用ngx-translate翻译所有文字。我们有两个网址，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创建到同一组件的不同语言路径路径

1 个答案: