title: angular load template from url and compile inside div
body: <p>As I'm new to Angular JS I was wondering how could I load an external template and compile it with some data into the targeted <code>div</code>.</p>
  
  <p>For instance I have this template :</p>
  
  <pre><code>&lt;script type="text/ng-template"&gt;
  
      &lt;img src="{{Thumb}}" /&gt;
  
  &lt;script&gt;
  </code></pre>
  
  <p>The <code>div</code> that is supposed to contain the template :</p>
  
  <pre><code>&lt;div data-ng-controller=" ... "&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The template is located somewhere in a folder <code>/templates/test.php</code>. Is there a build in way of doing the template loading like a directive would do and compile it against some data that would replace the key <code>{{Thumb}}</code> ( and many others of course ) ?</p>
  
  <p><strong>EDIT :</strong> What if I use <code>$routes</code> and load a template when I'm in the root of the website ? How could that be achieved ?</p>