如何将模型中的HTML显示为HTML,而不是纯文本

如何将模型中的HTML显示为HTML,而不是纯文本,第1张

概述我正在学习Angular并制作一个todo应用程序.创建待办事项使用了一个所见即所得的编辑器( textAngular).它看起来像这样: 这工作正常,并作为html保存到名为todo.description的ng-model.但是在显示此待办事项时,描述中的html显示为纯文本.像这样: 描述刚刚与模型绑定 <p class="text-muted">{{todo.description}}</ 我正在学习Angular并制作一个todo应用程序.创建待办事项使用了一个所见即所得的编辑器( textAngular).它看起来像这样:

这工作正常,并作为HTML保存到名为todo.description的ng-model.但是在显示此待办事项时,描述中的HTML显示为纯文本.像这样:

描述刚刚与模型绑定

<p >{{todo.description}}</p>

我认为这可以很简单,但我没有找到解决方案.我尝试了xmp标签,但这不是我想要的.

如何使描述显示HTML而不是文本?

解决方法
<p  ng-bind-HTML="todo.description"></p>

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

总结

以上是内存溢出为你收集整理的如何将模型中的HTML显示为HTML,而不是纯文本全部内容,希望文章能够帮你解决如何将模型中的HTML显示为HTML,而不是纯文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1068447.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存