javascript - Angular 6 通过映射生成路线

Question

我想在 url 上定义网站语言。例如“mysite.com/en/blabla”。但我对每个客户都有不同的语言。如果客户不支持英语，Angular 应该返回 404，我尝试这样做:

const languages:Routes = Object.getOwnPropertyNames(environment.trader.langList).map(path => {
  return {
    path, component: OutComponent,
    children: [
      { path: 'place-bet', loadChildren: '../../desktop/placebet/placebet.module#PlacebetModule' },
      { path: 'games', loadChildren: '../../desktop/games/games.module#GamesModule' },
      { path: 'dashboard', loadChildren: '../../desktop/dashboard/dashboard.module#DashboardModule' }]
  };
})
debugger;

const OutRoutes: Routes = [
  ...languages
];

export const OutRouter = RouterModule.forChild(OutRoutes);

我从环境中获取语言并为每种语言生成路线。这适用于运行时，但当我编译时，它给出一个错误:“错误无法读取未定义的属性‘loadChildren’”。它无法在编译时编译映射的路由。我该如何解决？

Answer 1

发现这个:https://medium.com/@gustavopollitzer/thank-you-a-lot-a357e95e43b8

基本上，它表示 @NgModule 声明中仅允许静态赋值并且不支持函数调用。路由是通过 NgModule 完成的，是吗？

如果您希望为您的案例中支持的语言列表提供自定义 URL，为什么不使用自定义路径

类似路径:':lang/place-bet'

How to pass a parameter to routerLink that is somewhere inside the URL?

希望这有帮助:)