title: AngularJS 1 include preformated html code from templates
body: <p>I'm writing a tutorial website for angularjs using angularjs and I have a lot sections of sample code. 
  So I have a bunch of <code>&lt;pre&gt;&amp;lt;html ng-app&amp;gt;&amp;lt;/html&amp;gt;&lt;/pre&gt;</code> tags. </p>
  
  <p>I want to put the code samples in a separate files but <code>ng-include</code> doesn't work on <code>&lt;pre&gt;&lt;/pre&gt;</code> tags. How would I put html code samples in separate files?</p>
  
  <p>Small side question: what would you name the folder of those files? Would <code>./samples/</code> work?</p>
  
  <p>I've tried this solution:
  <a href="https://stackoverflow.com/a/34164921/859082">https://stackoverflow.com/a/34164921/859082</a></p>
  
  <p>But it doesn't seem to work because the sample doesn't stay preformatted for newlines and tabs and I don't know why it doesn't work. Here's my attempt using the previous solution:
  <a href="http://plnkr.co/edit/0nP76Im6XWWCleShsxAR?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/0nP76Im6XWWCleShsxAR?p=preview</a></p>