title: How To Lazy Load Components and Modules on Demand in Angular 2
body: <p>I am trying to Develop Multitasking Web-app Like the screenshot i attached but , i cannot start coding because i could not understand how angular 2 loads Dependency(both component and service). my requirement is like this 
   -  A Tab Based Web-app where i can fire a process and it will be loaded on a TAB with its all dependency , the problem is i could have more than hundreds of process that i do not want to bloat NgModule Import i only want the modules or components to be loaded on a tab load event.</p>
  
  <hr>
  
  <p>I just want a guide on a general system design with Angular 2, i have read dojo is mature with this kind of issue with just <code>require('modulename')</code> inside a click event or anywhere required but the problem is dojo is complicated but i will switch to that if angular does not support that. </p>
  
  <p><a href="https://i.stack.imgur.com/gwUwc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gwUwc.png" alt="enter image description here"></a> </p>