angular路由懒加载

江枫思渺然 提交于 2019-12-06 04:35:36
  • 创建模块的方法

    ng generate module 模块名称 --routing
    例如:
    ng generate module admin --routing
    ng generate module auth --routing
  • 使用懒加载的方法

    1、在app.module.ts中调用懒加载
      // 懒加载模块
      {
        path:"login",
        loadChildren:()=>import('./auth/auth.module').then(mod=>mod.AuthModule)
      },
      // 懒加载模块
      {
        path:"admin",
        loadChildren:()=>import('./admin/admin.module').then(mod=>mod.AdminModule)
      },
  • 使用懒加载的原因

    • 便于进行模块管理。
    • 减少页面加载的时间。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!