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

我正在尝试开发多任务Web应用程序，就像我所附的屏幕截图一样，但我无法开始编码，因为我无法理解angular 2如何加载依赖项（组件和服务）。我的要求是这样的 -一个基于选项卡的Web应用程序，我可以启动一个进程，并将其加载到一个带有所有依赖项的选项卡上，问题是我可能有数百个以上的进程，我不想在NgModule Import上加载。我只希望在选项卡加载事件上加载模块或组件

---

我只是想要一个关于Angular 2的一般系统设计的指南，我已经读到dojo在点击事件中或任何需要的地方都会遇到这种问题，dojo是成熟的，只要

require（'modulename'）

，但问题是dojo很复杂，但如果Angular不支持，我会切换到它

---

如果您正在寻找延迟加载的路由模块，请阅读更多信息

你可能有下面这样的东西

应用程序路线

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

表1模块路径

 { 
     path: '',   
     component: Tab1Component      
  }

---

希望这有帮助

您正在寻找延迟加载的路由模块，请阅读更多相关信息

你可能有下面这样的东西

应用程序路线

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

表1模块路径

 { 
     path: '',   
     component: Tab1Component      
  }

---

希望这有帮助

选项卡没有路由（路径）我该如何实现这一点？您是否使用选项卡的自定义组件库，否则如果您正在创建自己的，您可以实现并提供链接，干杯！！我计划使用angular material 2，或是Priming，但还没有决定。我听说angular 2将与动态组件加载一起使用，直到那时我放弃angular 2并使用requirejs和angular 1，这样我就可以根据需要使用我的控制器，即在加载新选项卡时Tabs没有路由（路径）我该如何实现这一点？您是否使用自定义组件库来创建选项卡，否则，如果您正在创建自己的选项卡，您可以实现并给它一个链接，干杯！！我计划使用angular material 2，或者说Priming还没有设计好。我听说angular 2将与动态组件加载一起使用，直到那时我放弃angular 2并使用angular 1的requirejs，这样我可以根据需要使用控制器，即加载新选项卡时