title: Code tag is not working in angular html template
body: <p>I would like to display the below snippet in my html page. I'm using angular 2.</p>
  
  <pre><code>{path: 'test', component: TestComponent}
  </code></pre>
  
  <p>I've added below in my template to achieve this:</p>
  
  <pre><code>&lt;pre&gt;
  &lt;code&gt;{path: 'test', component: TestComponent}&lt;/code&gt;
  &lt;/pre&gt;
  </code></pre>
  
  <p>When I load the template, I see below error. How do I fix this? Can't I use code tag?</p>
  
  <pre><code>directive_normalizer.js:127 Uncaught Error: Template parse errors:
  Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("
          &lt;/ngb-tab&gt;
      &lt;/ngb-tabset&gt;
  &lt;/div&gt;[ERROR -&gt;]"): TestComponent@31:6
  Invalid ICU message. Missing '}'. ("
          &lt;/ngb-tab&gt;
      &lt;/ngb-tabset&gt;
  &lt;/div&gt;[ERROR -&gt;]"): TestComponent@31:6
  </code></pre>