Wie kann ich HTML-Entitäten in meine Angular2-Anwendung einbeziehen? - eckige, html-Entitäten, angular-cli

Ich benutze Angular-CLI, um eine einfache Style-Guide-App zu erstellen. Es verschlingt Fälle, in denen ich HTML-Markup mit HTML-Entitäten vorformatiert habe:

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

Mein Komponenten-Markup sieht folgendermaßen aus:

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

Wie kann ich ein solches Markup in vorformatierte Blöcke so einbeziehen oder entfernen, dass Angular-CLI es toleriert?

Antworten:

Ich habe Ihren Code getestet und die gleichen Syntaxfehler erhalten. Das Problem ist, dass Sie einige HTML-Entitäten falsch geschrieben haben - wenn Sie stattdessen Folgendes verwenden:

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

Dann funktioniert es gut für mich. Das ist:

& rdqo sollte & rdquo sein

& ldsuo sollte & lsquo sein

& rsqo sollte & rsquo sein

Hast du versucht zu verwenden ngNonBindable?

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

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