如何从角度变量渲染HTML字符串?

时间:2018-03-01 19:56:33

标签: html mysql angularjs wysiwyg rich-text-editor

我通过使用WYSIWYG编辑器(富文本编辑器)从用户那里获取我的网站上显示的图像的评论。此文本编辑器的ng-modal也会返回带有HTML标记的文本。例如:

<u><b><i>test1</i></b></u>

目前,我将它们作为varchar存储在数据库中。但是当我从数据库中获取这些HTML内容后再次在前端显示这些HTML内容时,它会显示为纯文本而不是HTML元素。

是否还有其他数据类型可以将HTML元素作为HTML对象存储在varchar以外的数据库中?

如何从包含HTML元素的字符串类型angular(JavaScript)变量输出HTML对象?

1 个答案:

答案 0 :(得分:1)

根据我的理解,您真正想要的是将保存的文本输出为html,为此,由于您使用的是角度,您可以使用ng-bind-html:

  <div ng-controller="ExampleController">
 <p ng-bind-html="myHTML"></p>
</div>

有关ng-bind-html的更多信息,请访问: https://docs.angularjs.org/api/ng/directive/ngBindHtml

其他说明:别忘了$ s​​anitize