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 相关文章推荐
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 Javascript
谷歌Chrome浏览器扩展程序开发小记
Jan 06 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
浅谈js的异步执行
Oct 18 Javascript
jquery获取easyui日期控件的值实现方法
Nov 09 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
Jul 19 Javascript
详解vue-router 路由元信息
Sep 13 Javascript
浅析vue中常见循环遍历指令的使用 v-for
Apr 18 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
Vue实现多标签选择器
Nov 28 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
Dec 10 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
使用php4加速网络传输
2006/10/09 PHP
在smarty中调用php内置函数的方法
2013/02/07 PHP
php获得网站访问统计信息类Compete API用法实例
2015/04/02 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
php判断数组是否为空的实例方法
2020/05/10 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
jQuery学习4 浏览器的事件模型
2010/02/07 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
2014/05/05 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
angular1.x ui-route传参的三种写法小结
2018/08/31 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
python中学习K-Means和图片压缩
2017/11/20 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
python 实现让字典的value 成为列表
2019/12/16 Python
python logging 日志的级别调整方式
2020/02/21 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
物流仓储实习自我鉴定
2013/09/25 职场文书
入党自荐书范文
2014/03/09 职场文书
班组长竞聘书
2014/03/31 职场文书
法定代表人资格证明书
2014/09/11 职场文书
干部考察材料范文
2014/12/24 职场文书
先进个人申报材料
2014/12/30 职场文书
千与千寻观后感
2015/06/04 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技
Python代码实现双链表
2022/05/25 Python