angular 绑定数据时添加HTML标签被识别的问题
2016-04-19 10:19
423 查看
由于安全性,angular本身会对绑定的HTML标签属性进行转义,所以有些情况下我们需要用到绑定的数据里面传入html标签的时候,
需要用到一个服务:$sce
$sce 服务下面的一个 $sce.trustAsHtml() 会对绑定的内容已html方式设置为可信任,同时也要对使用的绑定数据的地方进行 ng-bind-html 绑定 不同于 ng-bind
当然如果需要使用 {{}} 表达式的数据绑定方式也可以使用自定义过滤器 filter 的形式:
filter:
过滤器使用:
{{ data | to_trusted }}
或者
<p ng-bind-html="data | to_trusted"></p>
需要用到一个服务:$sce
$sce 服务下面的一个 $sce.trustAsHtml() 会对绑定的内容已html方式设置为可信任,同时也要对使用的绑定数据的地方进行 ng-bind-html 绑定 不同于 ng-bind
当然如果需要使用 {{}} 表达式的数据绑定方式也可以使用自定义过滤器 filter 的形式:
filter:
app.filter('to_trusted', ['$sce', function ($sce) { return function (text) { return $sce.trustAsHtml(text); };
过滤器使用:
{{ data | to_trusted }}
或者
<p ng-bind-html="data | to_trusted"></p>
相关文章推荐
- AntiXSS - 支持Html同时防止XSS攻击
- html
- itext2.0.8把html转换为pdf及解决中文不显示办法
- 学习笔记--Ajax:html格式返回数据
- HTML--GET和POST的区别
- 常用html知识汇总
- innerHTML和innerText的区别
- HTML-<td> 标签的 valign 属性
- HTML备忘录
- HTML中viewpoint用法
- 通过一个MVC HtmlHelper扩展实例,简单说明扩展步骤
- HTML第二课:表格、表单和框架
- html小游戏——看你有多色
- HTML控件事件一览表
- html input
- html页面打开另一个html页面
- html列表、块
- HTML第一课:B/S结构&C/S结构、HTML、六种常用标签
- html网页中的title属性换行操作 &#10;
- TextView加载html图片有问题