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 相关文章推荐
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
学习AngularJs:Directive指令用法(完整版)
Apr 26 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
Apr 28 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 Javascript
JavaScript内置对象之Array的使用小结
May 12 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
Nov 12 Javascript
JavaScript 异步时序问题
Nov 20 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中用正则表达式清除字符串的空白
2011/01/17 PHP
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
在WordPress中实现发送http请求的相关函数解析
2015/12/29 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
详解JavaScript UTC时间转换方法
2016/01/07 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
vue制作toast组件npm包示例代码
2020/10/29 Javascript
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
Python 经典算法100及解析(小结)
2019/09/13 Python
浅析Python3 pip换源问题
2020/01/06 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
基于第一个PhoneGap(cordova)的应用详解
2013/05/03 HTML / CSS
AJAX的全称是什么
2012/11/06 面试题
仓管员岗位职责范文
2013/11/08 职场文书
个人素质的自我评价分享
2013/12/16 职场文书
仓库管理制度
2014/01/21 职场文书
护理专业自荐信范文
2015/03/06 职场文书
培训督导岗位职责
2015/04/10 职场文书
2016高考寄语集锦
2015/12/04 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
mysql脏页是什么
2021/07/26 MySQL
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js