AngularJS基礎 ng-csp 指令詳解
AngularJS ng-csp 指令
AngularJS 實例
修改 AngularJS 中關于 "eval" 的行為方式及內聯(lián)樣式：
<!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 執(zhí)行代碼的方式。</p>
<p>AngularJS 的執(zhí)行方式提高了 30% 的性能</p>
</body>
</html>
運行結果：
我的第一個表達式：10
使用 ng-csp 指令, 你可以修改 AngularJS 執(zhí)行代碼的方式。
AngularJS 的執(zhí)行方式提高了 30% 的性能
定義和用法
ng-csp 指令用于修改 AngularJS 的安全策略。
如果使用了 ng-csp 指令， AngularJS 將不會執(zhí)行eval 函數(shù)，這樣就無法注入內聯(lián)樣式。
設置 ng-csp 指令為 no-unsafe-eval, 將阻止 AngularJS 執(zhí)行 eval 函數(shù)，但允許注入內聯(lián)樣式。
設置 ng-csp 指令為 no-inline-style, 將阻止 AngularJS 注入內聯(lián)樣式，但允許 執(zhí)行 eval 函數(shù)。
如果開發(fā) Google Chrome 擴展或 Windows 應用 ng-csp 指令是必須的。
注意:ng-csp 指令不會影響 JavaScript,但會修改 AngularJS 的工作方式，這就意味著: 你仍然可以編寫 eval 函數(shù), 且也可以正常
執(zhí)行, 但是 AngularJS 不能執(zhí)行它自己的 eval 函數(shù)。如果采用兼容模式，會降低 30% 的性能。
語法
<element ng-csp="no-unsafe-eval | no-inline-style"></element>
參數(shù)值
| 值 | 描述 |
|---|---|
| no-unsafe-eval no-inline-style |
值可設置為空，意味著 eval 和 內聯(lián)樣式都不被允許。 可以設置其中一個值。 你也可以同時設置兩個值使用分號隔開，但這與留空的效果是一樣的。 |
以上就是對AngularJS ng-csp 指令資料的整理，學習AngularJS的朋友參考下。
相關文章
本篇文章主要介紹了Angular 2實現(xiàn)自定義 雙向綁定 屬性，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了Angularjs 實現(xiàn)分頁功能及示例代碼的相關資料,需要的朋友可以參考下2016-09-09
Angular HMR(熱模塊替換)功能實現(xiàn)方法
本篇文章主要介紹了Angular HMR(熱模塊替換)功能實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要介紹了詳細解讀AngularJS中的表單驗證編程,AngularJS是一個非常熱門的JavaScript庫,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了AngularJS常見過濾器用法,結合實例形式總結分析了AngularJS大小寫過濾器、貨幣過濾器、日期過濾器、limitTo過濾器、orderBy過濾器及自定義過濾器使用方法,需要的朋友可以參考下2017-07-07
本文通過實例代碼給大家介紹了Angularjs實現(xiàn)上傳圖片預覽功能，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-09-09
本篇文章主要介紹了angularJS 指令封裝回到頂部示例詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
這篇文章主要為大家介紹了Angular?@Injectable注解的工作原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
下面小編就為大家?guī)硪黄斦刟ngularjs中路由頁面強制更新的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
Angular實現(xiàn)的內置過濾器orderBy排序與模糊查詢功能示例
這篇文章主要介紹了Angular實現(xiàn)的內置過濾器orderBy排序與模糊查詢功能,涉及AngularJS過濾器、排序及字符串遍歷、查詢等相關操作技巧,需要的朋友可以參考下2017-12-12