Angular 角度4创建到同一组件的不同语言路径路由
我想为网站创建多语言支持。我目前正在使用ngx翻译来翻译所有的文本。我们有两个URL,mypage/en/home和mypage/es/home。如何创建这些语言路径并将其路由到主组件?根据注释更新: 在路由器的路由中,您可以执行以下操作: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
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路由设置