title: How to easily render partial HTML from a string in angular js?
body: <p><a href="http://jsfiddle.net/qEfPL/1/" rel="nofollow noreferrer">This fiddle</a> tries to render two partials in string form. Of course, this solution won't work (the partials are rendered as-is and not interpreted as angular templates).</p>
  
  <p>From what I understand, I somehow have to use the <code>$compile</code> service, but I don't quite get it. For performance reasons, I would like to have each partial only compiled once and then only updated locally. Can <code>$compile</code> do that, and if so, how? In my case there are not many partials, not many changes to the set of partials and each partial can be very large (entire sub-page).</p>
  
  <p>And no, I do not want them to be in separate files. Also, the views are lazy-loaded.</p>
  
  <p>Is it maybe even possible to achieve this by inserting a new module for each such partial?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Thanks to <a href="https://stackoverflow.com/users/269061/threed">@threed</a>, I was able to fix it all up. <a href="http://jsfiddle.net/8Bf8m/29/" rel="nofollow noreferrer">This is an improved version</a> with lazy-loaded content and controller.</p>