Question

我正在使用角度2的最终版本，并看到了loadChildren的一个很好的延迟加载功能。

最小的例子

export const routes: Routes = [
  { path: 'crisis', loadChildren: 'app/crisis/crisis.module#CrisisModule' }
];

在这种情况下，crisis.module会延迟加载，但它是一个字符串，而不是一个数组。但是我的页面可能存在于多个模块中的多个组件中，所以我很想知道;

您是否可以延迟加载多个模块而无需为包含组件的此路由特定地创建模块？

Answer 1

我刚遇到与您相同的问题，而且我找到了解决方案。我希望它会帮助别人。你可以简单地做这样的事情

const routes: Routes = [
    {
         path: '',
         component: DashboardComponent,
         children: [
            {
                path: 'events',
                loadChildren: './event/event.module#EventModule'
            },
            {
                path: 'participants',
                loadChildren: './participant/participant.module#ParticipantModule'
            }
        ]
    }
];

当然，在您的父组件（此处为DashbordComponent）中，您必须放置router-outlet。

路由器中是否可以有多个loadChildrens？

1 个答案: