title: How to include .js files using angular.js
body: <p>I need to include javascript files dynamically using angular.js. Suppose i have the below project html view structure.</p>
  
  <pre><code>1-index.html.
  
       a)hod.html-hodcontroller.js
           i)home.html.-homecontroller.js
           ii)about.html.-aboutcontroller.js
  
       b)Princpal.html-princpalcontroller.js
  
           i)home.html-homecontroller.js
            ii)about.html -aboutcontroller.js
  </code></pre>
  
  <p>Let me to explain the above structure.I have one master page(<code>i.e-index.html</code>). <code>hod.html and Princpal.html</code> are the partial view to index.html page. Each <code>home.html and about.html</code> are the again partial view to <code>hod.htmland Princpal.html</code> so finally these are nested view.Here i am including all js files at a time in <code>index.html</code> page But here i need when any partial view will attach in index page only the that related .js files will attach in the index page not the all page.So please help me to do this using angular.js.</p>