title: How to display code within <code>-tag in angular2?
body: <p>I'd like to show code snippets within my angular2 application. But I am not able to paste simple javascript code within a code-tag.</p>
  
  <p>I always need to add a second curly bracket and I have to add ngNonBindable. But I don't want to add a second bracket. </p>
  
  <p>Has anyone a solution to this?</p>
  
  <p><a href="http://plnkr.co/edit/OzlHLJxgwSvUffryV3e4" rel="noreferrer">http://plnkr.co/edit/OzlHLJxgwSvUffryV3e4</a></p>
  
  <p>this is my app.component.html:</p>
  
  <pre><code>&lt;h1&gt;Here is the documentation for the model:&lt;/h1&gt;
  &lt;pre&gt;
    &lt;code ngNonBindable&gt;
      export model = new Model({
        a:1,
        b:function(){}
      })
    &lt;/code&gt;
  &lt;/pre&gt;
  </code></pre>
  
  <p>The User should see:</p>
  
  <pre><code>here is the documentation for the model:
  
  export model = new Model({
       a:1,
       b:function(){}
   })`
  </code></pre>