title: Angular JS: Load CSS and JS files dynamically
body: <p>I am in the middle of developing a web app. I am using AngularJS for loading all the files dynamically into the UI.</p>
  
  <p>I have an <code>index.html</code> file into which all the files will be loaded dynamically on-click or on-load.</p>
  
  <pre><code>//index.html
  &lt;signin button&gt; &lt;signup button&gt; // etc.,
  //on-clicking signin button a SignIn-page will load in the below div
  
  &lt;div id="bodyview"&gt;&lt;/div&gt;
  // end of index.html
  </code></pre>
  
  <p>Now my sign-in page looks somewhat like the below structure</p>
  
  <pre><code>    /*a div where my accordion menu will load when the 
       *below submit button is clicked*/
  
      &lt;div id="menu"&gt;&lt;/div&gt;
  
      //other sign-in-form stuff will follow on...
  
      //submit button at the end
      &lt;submit button&gt; //only on clicking the submit button the menu will be loaded
  </code></pre>
  
  <p>Now my problem is, though I'm able to load the accordion menu.html file, I'm not able to load the css and js files it is dependent on. I have researched on stackoverflow but none worked for me.</p>
  
  <p>Can anybody please help in determining a way for loading the css and js dependencies using AngularJS</p>