Angular 路由懒加载
项目启动的时候不加载user模块,只有路由到user模块的时候才加载user模块
user-routing.module.ts
const routes: Routes = [
{
path:'', component:UserComponent
},
];
app-routing.module.ts
const routes: Routes = [
{
path:'user',
//loadChildren:'./module/user/user.module#UserModule' //Angular 10之前写法
loadChildren: () => import('./module/user/user.module').then(m => m.UserModule)
},
];
访问user的url:http://localhost:4200/user
本文介绍如何在Angular应用中实现路由懒加载,确保在访问user模块时才加载该模块,提高应用启动速度。通过user-routing.module.ts和app-routing.module.ts的配置,可以实现按需加载user模块。
672

被折叠的 条评论
为什么被折叠?



