因此,我已按照延迟加载模块上的指南进行操作,但是如果我从DevTools
中打开“网络”标签,就不会出现延迟加载。
这是我的实现方式
我的AppRoutingModule
const routes: Routes = [
{
path: 'route1',
loadChildren: () =>
import('./featureModules/feature1/feature1.module').then(
mod => mod.Feature1Module
),
canLoad: [Feature1Guard]
},
{
path: 'route2',
loadChildren: () =>
import('./featureModules/feature2/feature2.module').then(
mod => mod.Feature2Module
),
canLoad: [Feature2Guard]
},
{
path: 'route3',
loadChildren: () =>
import('./featureModules/feature3/feature3.module').then(
mod => mod.Feature3Module
),
canLoad: [Feature3Guard]
},
{
path: '',
redirectTo: '',
pathMatch: 'full'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {}
每个FeatureModule
看起来像这样:
const routes: Routes = [
{
path: '',
component: Feature1Component,
canActivate: [AuthGuard]
}
];
@NgModule({
declarations: [Feature1Component],
imports: [SharedModule, RouterModule.forChild(routes)],
providers: [Feature1Service],
exports: [RouterModule]
})
export class Feature1Module{}
有什么我想念的吗?