title: angularjs - load dependencies whenever it is required instead of loading all in starting
body: <p>I am using AngularJs application, in that I have so many dependency files. all files path i am adding in <strong>index.html</strong> page and all dependencies in <strong>app.js</strong> file. 
  So that whenever i will start my application all files get loaded at initialization level
  but instead of loading all js files in starting,  I want to load js files when ever it is required</p>
  
  <p><strong>for ex</strong> -<br>
  - I click on home button, so app should load home.js, home.html, and home page related dependencies  only
  - similarly when i ll redirect to about us screen,  app should load about us dependencies only</p>
  
  <p>So what should i do to load only respected files instead of loading all files in starting.<br>
  I have to load more than 50 js files including controller, directive, services, etc<br>
  and all js files having heavy loaded data.<br>
  so if I tried to load all files in starting, application become slow</p>
  
  <p>I have tried it with <strong>requirejs</strong>
  but is there any other way to do it</p>