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

Question

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

https://example.com/ 美国

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

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

任何帮助，不胜感激。

Answer 1

如果我问错了，请原谅我，但如果我理解正确，您可以遵循以下方法：

在您的AppRoutingModule中配置路由，如下所示：

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

现在，您可以通过按钮单击事件进行重定向，它会相应地更改国家/地区代码和语言代码，并且您可以在SomeOtherComponent中检索这些值以执行相关任务。