在延迟加载 Angular 2 NgModule 中为加载子程序指定正确的路径名,可以通过以下步骤实现:
const routes: Routes = [
{ path: 'lazy', loadChildren: 'app/lazy/lazy.module#LazyModule' }
];
这里的 loadChildren
属性指定了子程序的路径和加载模块的路径。app/lazy/lazy.module#LazyModule
表示子程序的模块文件位于 app/lazy/lazy.module.ts
,并且模块的名称为 LazyModule
。
RouterModule.forRoot()
方法来配置路由。例如:@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
这里的 routes
是上一步定义的路由配置数组。
RouterModule.forChild()
方法来配置子程序的路由。例如:const routes: Routes = [
{ path: '', component: LazyComponent }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class LazyRoutingModule { }
这里的 routes
是子程序的路由配置数组,LazyComponent
是子程序的组件。
LazyRoutingModule
导入到 imports
数组中,并在 imports
数组中添加其他依赖的模块。例如:@NgModule({
declarations: [LazyComponent],
imports: [
CommonModule,
LazyRoutingModule,
SharedModule
]
})
export class LazyModule { }
这里的 SharedModule
是子程序中使用的共享模块。
通过以上步骤,就可以在延迟加载的 Angular 2 NgModule 中为加载子程序指定正确的路径名。在实际应用中,可以根据具体需求进行相应的调整和扩展。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云