如何在Angular2应用程序中包含HTML实体？

我正在使用Angular CLI构建一个简单的样式指南应用程序。我已经预先格式化了包含HTML实体的HTML标记，这种情况令人窒息：

我的组件标记如下所示：

---

如何以Angular CLI可以容忍的方式在预格式化块中包含或转义此类标记

您是否尝试过使用ngNonBindable

---

您是否尝试过使用ngNonBindable

---

我测试了您的代码，得到了相同的解析错误。问题是您拼错了一些HTML实体-如果改用以下内容：

那对我来说很好。即:

&rdqo应该是&rdquo

&ldsuo应该是&lsquo

---

&rsqo应该是&rsquo；

我测试了您的代码，得到了相同的解析错误。问题是您拼错了一些HTML实体-如果改用以下内容：

那对我来说很好。即:

&rdqo应该是&rdquo

&ldsuo应该是&lsquo

&rsqo应为

Uncaught Error: Template parse errors:
Unknown entity "rdqo" - use the "&#<decimal>;" or  "&#x<hex>;" syntax ("

<pre><code>
    &ldquo; [ERROR ->]&rdqo; (“ ”)
    &ldsuo; &rsqo; (‘ ’
    &mdash; (—)
"): TypographyComponent@15:12

<pre><code>
    &ldquo; &rdqo; (“ ”)
    &ldsuo; &rsqo; (‘ ’)
    &mdash; (—)
    &hellip; (…)
</code></pre>

<pre ngNonBindable>
    <code>
    &ldquo; &rdqo; (“ ”)
    &ldsuo; &rsqo; (‘ ’)
    &mdash; (—)
    &hellip; (…)
    </code>
</pre>

<pre><code>
    &ldquo; &rdquo; (“ ”)
    &lsquo; &rsquo; (‘ ’)
    &mdash; (—)
    &hellip; (…)
</code></pre>