如何防止angular编译特定的dom元素？

我希望能够呈现一些预格式化的html，包括dom组件，但我看不到任何阻止编译器处理它的方法

例如，我想显示：

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

---

添加

ngNonBindable

防止绑定如{{var }}，但似乎不阻止它编译组件或属性。奇怪的是，在官方文档中绝对没有引用。如果不阻止绑定，我会认为这是一个错误。作为一种解决方法，您可以使用
，因为Angular2不处理以这种方式添加的HTML。因此，我需要执行类似
？的操作。如果您以内联方式执行，则需要
（附加引号）或
（无括号）或将其添加到components类中的字符串属性
propertyWithMyHTML
。
<pre ngNonBindable>
  <some-component [color]="color"></some-component>
</pre>