title: Routing to a complete new template in AngularJS
body: <p>I've learning this new tool since some days ago and know I'm beggining to have my own doubts.</p>
  
  <p>I have an index.html, which holds almost all my app like so:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  .
  .
  .
  &lt;body&gt;
  &lt;div ng-include="'header.html'"&gt;&lt;/div&gt;
  &lt;div ui-view&gt;&lt;/div&gt;
  .
  &lt;!-- Loads all the scripts and other stuff--&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Ok, in the website I'm building, I have some sections that share the header, that's why I include it. Nonetheless, there is another section where is completely different from the others, hence, I don't need to include the header.
  Now, the question is: How can I route to this completely new section ? Because the index loads the other views in the below the header. All I can think about right now is creating another index.html-like page, loading all the scripts and everything again. I think there should be a more elegant solution in Angular.
  I'm using angular-ui-router for the routing.
  Can you please give me a hand? Thanks</p>