title: Extending AngularJS Templates
body: <p>In the Play! Framework, I can do the following to DRY up my layout code:</p>
  
  <p><em>In <strong>main.html</strong>:</em></p>
  
  <pre><code>&lt;h1&gt;This is main&lt;/h1&gt;
  
  #{doLayout /}
  
  &lt;div id="footer"&gt;Footer content&lt;/div&gt;
  </code></pre>
  
  <p><em>In <strong>home.html</strong>:</em>   </p>
  
  <pre><code> #{extends 'main.html' /}  
  
   &lt;p&gt;This is the home page content&lt;/p&gt;
  </code></pre>
  
  <p>I would like to do the same in AngularJS i.e I would like to create an HTML file and have it inherit from another. I see that there is the ngInclude directive, but using it causes a lot of layout code duplication in my current application. If AngularJS does not natively support it, are there any other HTML templating solutions that do?</p>
  
  <p>Thanks.</p>