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

Question

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

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>

如何以 Angular-CLI 允许的方式在预格式化的块中包含或转义此类标记？

Answer 1

您是否尝试过使用 ngNonBindable？

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

https://docs.angularjs.org/api/ng/directive/ngNonBindable

Answer 2

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

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

那么它对我来说很好用。即：

&rdqo 应该是 &rdquo

&ldsuo 应该是 &lsquo

&rsqo 应该是 &rsquo

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

How can I include HTML entities in my Angular2 application?

html-entities

angular-cli

angular