title: How do I use Angular JS as a templating engine?
body: <p>This <strong><a href="https://stackoverflow.com/questions/12346690/is-there-a-way-to-make-angularjs-load-partials-in-the-beginning-and-not-at-when">post</a></strong>  goes into detail how to bind loading template partials on events.</p>
  
  <p>But what if I wanted to <strong>load template partials on page load</strong> similair to a templating engine like Smarty?</p>
  
  <p><em>For example in Smarty:</em></p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  {include file="templates/header.html"}
  &lt;span&gt;Dude, this has too be possible in Angular JS...&lt;/span&gt;
  {include file="templates/footer.html"}
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>