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 相关文章推荐
用js实现键盘方向键翻页功能的代码
Jun 03 Javascript
JavaScript回调(callback)函数概念自我理解及示例
Jul 04 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
Mar 26 Javascript
js实现图片无缝滚动
Dec 23 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
May 05 Javascript
javaScript 逻辑运算符使用技巧整理
May 03 Javascript
vue之nextTick全面解析
May 17 Javascript
解决vue项目报错webpackJsonp is not defined问题
Mar 14 Javascript
详解Angular5路由传值方式及其相关问题
Apr 28 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 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
PHP中for循环语句的几种变型
2007/03/16 PHP
php print EOF实现方法
2009/05/21 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
一个php短网址的生成代码(仿微博短网址)
2014/05/07 PHP
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
php屏蔽错误及提示的方法
2020/05/10 PHP
推荐20家国外的脚本下载网站
2011/04/28 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
14款NodeJS Web框架推荐
2014/07/11 NodeJs
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
js实现模拟银行卡账号输入显示效果
2015/11/18 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
element-ui表格数据转换的示例代码
2018/08/24 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Python 转义字符详细介绍
2017/03/21 Python
Python+Wordpress制作小说站
2017/04/14 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
Python爬虫设置代理IP的方法(爬虫技巧)
2018/03/04 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
使用matplotlib动态刷新指定曲线实例
2020/04/23 Python
环境科学毕业生自荐信
2013/11/21 职场文书
志愿者活动总结范文
2014/04/26 职场文书
授权委托书协议书
2014/10/16 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
文明上网主题班会
2015/08/14 职场文书
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers