如何在Angular 2中延迟加载组件和模块

Question

我正在尝试开发多任务Web应用程序就像我附加的屏幕截图但是，我无法开始编码，因为我无法理解角度2如何加载依赖（组件和服务）。我的要求是这样的   - 一个基于标签的Web应用程序，我可以在其中启动一个进程，它将被加载到TAB上，具有所有依赖性，问题是我可能有超过数百个进程，我不想膨胀NgModule导入我只想要要在选项卡加载事件上加载的模块或组件。

我只想要一个关于Angular 2的一般系统设计的指南，我已经读过dojo已经成熟了这个问题，在点击事件中只有require('modulename')或任何需要但是问题是dojo很复杂但是如果角度不支持，我将切换到。

Answer 1

您正在寻找加载Lazy的路由模块，了解更多相关信息here。

你可能会有以下内容，

应用路线

  {
    path: 'tab-path-1',
    loadChildren: 'app/tab1.module#Tab1Module'
  },
  {
    path: 'tab-path-2',
    loadChildren: 'app/tab2.module#Tab2Module'
  }

Tab1Module路线

 { 
     path: '',   
     component: Tab1Component      
  }

希望这会有所帮助!!