AngularJS基础 ng-csp 指令详解


Posted in Javascript onAugust 01, 2016

AngularJS ng-csp 指令

AngularJS 实例

修改 AngularJS 中关于 "eval" 的行为方式及内联样式:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="" ng-csp>

<div>

<p>我的第一个表达式: {{ 5 + 5 }}</p>

</div>

<p>使用 ng-csp 指令, 你可以修改 AngularJS 执行代码的方式。</p>

<p>AngularJS 的执行方式提高了 30% 的性能</p>

</body>
</html>

运行结果:

我的第一个表达式:10

使用 ng-csp 指令, 你可以修改 AngularJS 执行代码的方式。

AngularJS 的执行方式提高了 30% 的性能

定义和用法

ng-csp 指令用于修改 AngularJS 的安全策略。

如果使用了 ng-csp 指令, AngularJS 将不会执行eval 函数,这样就无法注入内联样式。

设置 ng-csp 指令为 no-unsafe-eval, 将阻止 AngularJS 执行 eval 函数,但允许注入内联样式。

设置 ng-csp 指令为 no-inline-style, 将阻止 AngularJS 注入内联样式,但允许 执行 eval 函数。

如果开发 Google Chrome 扩展或 Windows 应用 ng-csp 指令是必须的。

注意:ng-csp 指令不会影响 JavaScript,但会修改 AngularJS 的工作方式,这就意味着: 你仍然可以编写 eval 函数, 且也可以正常

执行, 但是 AngularJS 不能执行它自己的 eval 函数。如果采用兼容模式,会降低 30% 的性能。

语法

<element ng-csp="no-unsafe-eval | no-inline-style"></element>

参数值

描述
no-unsafe-eval no-inline-style 值可设置为空,意味着 eval 和 内联样式都不被允许。 可以设置其中一个值。 你也可以同时设置两个值使用分号隔开,但这与留空的效果是一样的。

以上就是对AngularJS ng-csp 指令资料的整理,学习AngularJS的朋友参考下。

Javascript 相关文章推荐
jquery的extend和fn.extend的使用说明
Jan 09 Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
JS Array.slice 截取数组的实现方法
Jan 02 Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 Javascript
javascript实现无法关闭的弹框
Nov 27 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
vue页面跳转后返回原页面初始位置方法
Feb 11 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
Apr 29 Javascript
利用JS判断元素是否为数组的方法示例
Jan 08 Javascript
AngularJs页面筛选标签小功能
Aug 01 #Javascript
Bootstrap Table使用方法详解
Aug 01 #Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
Aug 01 #Javascript
Angular 页面跳转时传参问题
Aug 01 #Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 #Javascript
1秒50万字!js实现关键词匹配
Aug 01 #Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
Aug 01 #Javascript
You might like
Smarty使用自定义资源的方法
2015/08/08 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
Jquery操作Select 简单方便 一个js插件搞定
2009/11/12 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
Javascript中各种trim的实现详细解析
2013/12/10 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
2014/09/01 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
深入理解逻辑表达式的用法 与或非的用法
2016/06/06 Javascript
SVG描边动画
2017/02/23 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
Python的装饰器用法学习笔记
2016/06/24 Python
python for循环输入一个矩阵的实例
2018/11/14 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
jupyter notebook清除输出方式
2020/04/10 Python
浅析Python迭代器的高级用法
2020/07/16 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
有创意的广告词
2014/03/18 职场文书
会计试用期自我评价
2014/09/19 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
Python list列表删除元素的4种方法
2021/11/01 Python
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python
Tomcat用户管理的优化配置详解
2022/03/31 Servers