javascript - 在 Angular 模板中显示来自 CKEditor 的原始 HTML 标记

Question

我在 AngularJS 应用程序中使用 CKEditor。当我尝试显示从 TextEditor 保存的文本时，它不采用该样式。例如，如果我想显示一个句子，它显示为:

<p>How old are you</p>

而不是:

How old are you

我尝试使用ng-bind:

<div ng-bind="Item.Header"></div>

和常规绑定(bind)方法:

<h3>{{Item.Header}}</h3>

但这两种方法都不起作用。这个问题有解决办法吗？

Answer 1

您应该使用“ngBindHtmlUnsafe ”。由于此命令不会清理表达式，但只有在信任源的情况下才应该使用它。

所以html会写成如下:

<div ng-bind-html-unsafe="Item.Header"></div>