Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/linux/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度4创建到同一组件的不同语言路径路由_Angular_Multilingual_Angular Router - Fatal编程技术网

Angular 角度4创建到同一组件的不同语言路径路由

Angular 角度4创建到同一组件的不同语言路径路由,angular,multilingual,angular-router,Angular,Multilingual,Angular Router,我想为网站创建多语言支持。我目前正在使用ngx翻译来翻译所有的文本。我们有两个URL,mypage/en/home和mypage/es/home。如何创建这些语言路径并将其路由到主组件?根据注释更新: 在路由器的路由中,您可以执行以下操作: export const routes: Routes =[ { path: 'mypage/:language/home', component: HomeComponent } ] export const routes: Routes

我想为网站创建多语言支持。我目前正在使用ngx翻译来翻译所有的文本。我们有两个URL,mypage/en/home和mypage/es/home。如何创建这些语言路径并将其路由到主组件?

根据注释更新:

在路由器的路由中,您可以执行以下操作:

export const routes: Routes =[
  {
    path: 'mypage/:language/home', component: HomeComponent
  }
]
export const routes: Routes =[
  {
    path: 'mypage/en/home', component: HomeComponent
  }
  {
    path: 'mypage/es/home', component: HomeComponent
  }
]
这样,您实际上只需要一条路线,并且可以拥有您想要的任意多个语言

然后在组件中,您可以执行以下操作:

public constructor (
  route: ActivatedRoute
){
  this.language = this.route.snapshot.params['language'];  
}
如果确实需要多条路线,可以执行以下操作:

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

我知道ngx会为每种语言翻译单独的.json文件。但是我想创建语言路径,比如mypage/en/home,mypage/es/home,只想创建一个额外的语言路径,路由将检测到相应的语言路径进行翻译。很好。。。我将尝试此ml路由设置