How do I prevent angular from compiling specific dom elements?

Question

I'd like to be able to render some preformatted html including dom components, but I don't see anyway to prevent the compiler from processing it.

For example, I want to display:

<pre>
   <some-component [color]="color"></some-component>
</pre>

Answer 1

Add ngNonBindable

<pre ngNonBindable>
  <some-component [color]="color"></some-component>
</pre>