在Angular模板中显示CKEditor的原始HTML标记

Question

我在AngularJS应用程序中使用CKEditor。当我尝试显示我从TextEditor保存的文本时，它没有采用这种风格。例如，如果我想显示一个句子，它显示为：

<p>How old are you</p>

而不是：

  

你多大

我尝试使用ng-bind：

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

和常规绑定方法：

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

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

Answer 1

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

所以html将写成如下：

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