Angular 5本地化路由器设置的国家/语言代码路由

时间:2018-08-24 08:50:32

标签: angular routing localization angular2-routing url-routing

这是我的问题。我必须在Angular中设置路由,以便在URL中将有一个国家代码和一种语言。例如

  

https://example.com/ 美国(美国)

棘手的是该本地化部分可以更改,因此我有一个按钮可以切换国家和语言,因此它将是 / gb / en / usa / fr

如何使用localize-router和ngx-translate使它像这样工作。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

如果我对您的问题有误,请原谅我,但是如果我理解正确,您可以按照以下方法进行操作:

在您的 AppRoutingModule 中配置路由,如下所示:

const routes: Routes = [
  { 
     path:'' , pathMatch: 'full', component: SomeComponent,
     children: [
        { path: ':country-code/:lang-code' , component: SomeOtherComponent }
     ]
  }
]

您现在可以通过按钮单击事件进行重定向,它会相应地更改国家/地区代码语言代码,并且您可以在 SomeOtherComponent < / strong>执行相关任务。