title: How to dynamically generate HTML from JSON using AngularJs?
body: <p>I'm trying to make a general purpose JSON pretty-print using AngularJs.</p>
  
  <p>For an idea what a prettyprinter is:  <a href="https://github.com/padolsey/prettyPrint.js" rel="nofollow">https://github.com/padolsey/prettyPrint.js</a></p>
  
  <p>I'm not sure how to do this with angular,    I am guessing nested transcluded directives, but I am having problems getting nested transcludes to behave properly.  (For example: <a href="http://plnkr.co/edit/CHsGHCt3SU3N5MCJxwTV?p=preview" rel="nofollow">http://plnkr.co/edit/CHsGHCt3SU3N5MCJxwTV?p=preview</a> )</p>
  
  <p>If you could set me down a better path for dynamically generating html based on JSON (using Angular), I'd appreciate it!</p>