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

前端之家收集整理的这篇文章主要介绍了angular – 是否可以在路由器中安装多个loadChildrens?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用角度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)中,您必须放置路由器插座.

猜你在找的Angularjs相关文章