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 相关文章推荐
二行代码解决全部网页木马
Mar 28 Javascript
javascript 全等号运算符使用说明
May 31 Javascript
jquery监控数据是否变化(修正版)
Apr 12 Javascript
angularjs基础教程
Dec 25 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
angular2倒计时组件使用详解
Jan 12 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 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
php中get_object_vars()方法用法实例
2015/02/08 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
js过滤数组重复元素的方法
2010/09/05 Javascript
javascript针对DOM的应用实例(一)
2012/04/15 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
JQ获取动态加载的图片大小的正确方法分享
2013/11/08 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
快速学习AngularJs HTTP响应拦截器
2015/12/31 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
微信小程序云开发实现数据添加、查询和分页
2019/05/17 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
Python程序员鲜为人知但你应该知道的17个问题
2014/06/04 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
在Django的视图(View)外使用Session的方法
2015/07/23 Python
在python中使用正则表达式查找可嵌套字符串组
2017/10/24 Python
Python 实现删除某路径下文件及文件夹的实例讲解
2018/04/24 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
python 操作hive pyhs2方式
2019/12/21 Python
Python爬取梨视频的示例
2021/01/29 Python
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
写一个在SQL Server创建表的SQL语句
2012/03/10 面试题
师范毕业生求职自荐信
2013/09/25 职场文书
十佳护士先进事迹
2014/05/08 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
盲山观后感
2015/06/11 职场文书
大学军训通讯稿
2015/07/18 职场文书
小学远程教育工作总结
2015/08/13 职场文书
大学生干部培训心得体会
2016/01/06 职场文书