深入理解AngularJS中的ng-bind-html指令和$sce服务

前端之家收集整理的这篇文章主要介绍了深入理解AngularJS中的ng-bind-html指令和$sce服务前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

Angularjs的强大之处之一就是他的数据双向绑定这一牛B功能,我们会常常用到的两个东西就是ng-bind和针对form的ng-model。

但在我们的项目当中会遇到这样的情况,后台返回的数据中带有各种各样的html标签

如:

今天我们去哪里?

我们用ng-bind-html这样的指令来绑定,结果却不是我们想要的。

是这样的

怎么办呢?

对于angular 1.2一下的版本我们必须要使用$sce这个服务来解决我们的问题。所谓sce即“Strict Contextual Escaping”的缩写。翻译成中文就是“严格的上下文模式”也可以理解为安全绑定吧。

来看看怎么用吧。

controller code:

html code:

总结

以上就是关于AngularJS中的ng-bind-html指令和$sce服务的全部内容了,希望对大家的学习或者工作带来一定的帮助,如果有问题可以留言交流。

原文链接:https://www.f2er.com/js/45988.html

猜你在找的JavaScript相关文章