顯示CKEditor在Angular模板中的原始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>