angularjs 的ng-bind-html过滤了内容的style

1.不使用ng-bind-html,使用trustAs()

  trustAsHtml(value)       =     trustAs($sce.HTML, value)
  trustAsJs(value)         =     trustAs($sce.JS, value)
  trustAsResourceUrl(value)    =    trustAs($sce.RESOURCE_URL, value)
  trustAsUrl(value)         =   trustAs($sce.URL, value)

2.trustAs()传回的是字符串,想让它成为dom,必须使用data-ng-bind-html

时间: 2024-10-07 22:27:02

angularjs 的ng-bind-html过滤了内容的style的相关文章

转走进AngularJs(八) ng的路由机制

走进AngularJs(八) ng的路由机制 2013-12-19 我来说两句 收藏 我要投稿 今天心情不错~,公司请了个中医来给按摩拔罐刮痧,一套下来那个爽啊~,趁着精力充沛了解了下Angular的路由机制,在此分享出来与大家共同学习. 在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP.为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而ajax的一个致命缺点就是导致浏览器后退按钮失效,尽管我们可以

一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 && 内容过滤选择器 && 可见性过滤选择器

过滤选择器: 过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 ":" 开头 按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器. 一.基本过滤选择器 改变第一个 div 元素的背景色为 # bbffaa 改变最后一个 div 元素的背景色为 # bbffaa 改变class不为 one 的所有 div 元素的背景色为 # bbffaa 改变索引值为偶数的 div 元素的背景色为 #

选择器——过滤选择器——内容过滤器

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type"

AngularJS 正确解释带html标签的内容

HTML无害化和Sanitize模块   一.ng-bind-html.ng-bind-html-unsafe AngularJS非常注重安全方面的问题,它会尽一切可能把大多数攻击手段最小化.其中一个攻击手段是向你的web页面里注入不安全的HTML,然后利用它触发跨站攻击或者注入攻击. 考虑这样一个例子,假设我们有一个变量存在于myUnsafeHTMLContent作用域中.当HTML的内容如下时,OnMouseOver事件将会把元素中的内容修改成"PWN3D!". Js代码   $s

Linux中统计,检索和过滤文件内容的命令以及压缩、归档命令(wc,grep,gzip,bzip2,

统计文件内容wc命令 用途: 统计文件中单词数量(Word Count)等信息wc [选项]... 目标文件...常用命令选项-l:统计行数-w:统计单词个数-c:统计字节数 检索和过滤文件内容grep命令 用途: 在文件中查找并显示包含指定字符串的行grep [选项]... 查找条件 目标文件常用命令选项-i:查看时忽略大小写-v:反转查找,输出与查看条件不相符的行查找条件设置要查找的字符串以双引号括起来"^......" 表示以......开头, "......$ &qu

Java过滤任意(script,html,style)标签符,返回纯文本--封装类

import java.util.regex.Pattern; /** * 过滤标签字符串,返回纯文本 * */ public class ChangePlainText { public static void main(String[] args) { String test="<b>hi</b></br><h1>hello~</h1><哈哈>"; String b=ChangePlainText.Html2T

走进AngularJs(二) ng模板中常用指令的使用方式

通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板开始入手是个不错方式,因为这部分内容相对简单好理解,而且是视图层的东西,大家都喜欢可以立马看得见的东西嘛.本篇我将搜罗模板中的常用指令一一测试,了解其使用方法,有点像背单词的感觉,会比较枯燥.不过对于初学,这样的枯燥是必须要经历的,开始~ 一.模板中可使用的东西及表达式 模板中可以使用的东西包括以下

走进AngularJs(八) ng的路由机制

在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP.为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而ajax的一个致命缺点就是导致浏览器后退按钮失效,尽管我们可以在页面上放一个大大的返回按钮,让用户点击返回来导航,但总是无法避免用户习惯性的点后退.解决此问题的一个方法是使用hash,监听hashchange事件来进行视图切换,另一个方法是用HTML5的history API,通过pushState(

angularjs定义对集合进行过滤的过滤器

定义对集合进行过滤的过滤器 1)定义 var md = angular.module(moduleName, ['ng.service']); md.filter('propertyLikeValueFilter2', function () { return function (list, property, value) { return _.filter(list, function (item) { return item[property]===value; }); }; }); 2)