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