Angular 2 路由与文化答案

【问题标题】：Angular 2 routing with cultureAngular 2 路由与文化
【发布时间】：2016-09-28 01:00:13
【问题描述】：

我需要在每条申请路线之前添加文化。我仍在使用 RC4。如何修改我当前的路线以达到预期的效果？

export const routes: RouterConfig = [
...ItemRoutes,
...LibraryRoutes,

{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'dashboard', component: DashboardComponent },
{ path: '**', redirectTo: 'dashboard' }

];

现在验证后，我的重定向链接是

localhost/en

当 App 组件加载时，我有当前文化的应用程序配置，最终我想在那里设置语言并将其作为前缀路由。

使用我当前的设置，我将被重定向到仪表板。如何将文化参数作为第一个参数添加到所有路由？关于路由和文化/语言设置，我应该知道些什么吗？在前端设置语言的最佳方法是什么？

【问题讨论】：

标签： angularjs angular routes angular2-routing culture

【解决方案1】：

以下解决方案并不完全为所有路由添加前缀，但它可能会有所帮助，

export const routes: RouterConfig = [
...ItemRoutes,
...LibraryRoutes,

{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'dashboard', component: DashboardComponent },
{ path: '**', redirectTo: 'dashboard' }
]

export const localeRoutes: RouterConfig = [
 { path: '', redirectTo: 'en' , pathMatch: 'full'},
 { path: 'en', children: routes },
 { path: 'fr', children: routes }
]

您必须确保仅从此处配置所有路由，如果在导入的模块中定义了路由，则它们将被单独处理。但是，如果在此处配置，此方法将适用于延迟加载的路由。

希望这会有所帮助！

【讨论】：