angular-sanitize

最新推荐文章于 2020-09-07 16:33:44 发布

转载最新推荐文章于 2020-09-07 16:33:44 发布 · 527 阅读

文章标签：

#angular #angular-sanitize

Angular点滴知识专栏收录该内容

7 篇文章

订阅专栏

本文介绍了AngularJS中ng-bind-html指令的使用方法及其与ng-bind的区别。ng-bind-html将数据作为HTML内容绑定到元素上，而ng-bind则将其作为纯文本。由于安全原因，直接使用ng-bind-html可能会导致错误，因此需要通过$sanitize或$sce服务来处理绑定的数据。

顾名思义,ng-bind-html和ng-bind的区别就是,ng-bind把值作为字符串,和元素的内容进行绑定,但是ng-bind-html把值作为html,和元素的html进行绑定.相当于jq里面的.text()和.html().
但是,出于安全考虑,如果我们直接使用ng-bind-html是会报错的,ng-bind-html后面的内容必须经过一定的处理.
处理的方式有两种,一种是使用$sce服务,另一种就是使用$sanitize服务.$sce服务怎么用,在以后的文章中会独立讲解,这篇主要讲解$sanitize服务.
但是,出于安全考虑,如果我们直接使用ng-bind-html是会报错的,ng-bind-html后面的内容必须经过一定的处理.
处理的方式有两种,一种是使用$sce服务,另一种就是使用$sanitize服务.$sce服务怎么用,在以后的文章中会独立讲解,这篇主要讲解$sanitize服务.

转载：https://zhidao.baidu.com/question/1693971346262684148.html