angular – 是否可以在路由器中安装多个loadChildrens？

发布时间：2020-12-17 18:05:34 所属栏目：安全来源：网络整理

导读：我正在使用角度2的最终版本,并看到了loadChildren的一个很好的延迟加载功能. 一个最小的例子 export const routes: Routes = [ { path: 'crisis',loadChildren: 'app/crisis/crisis.module#CrisisModule' }]; 在这种情况下,crisis.module被延迟加载,但它是一

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

一个最小的例子

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

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

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

解决方法

我刚刚遇到了和你一样的问题,我找到了解决方案.我希望它会帮助别人.你可以简单地做这样的事情

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

当然,在您的父组件(此处为DashbordComponent)中,您必须放置路由器插座.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!