AngularJS基礎 ng-csp 指令詳解
AngularJS ng-csp 指令
AngularJS 實例
修改 AngularJS 中關于 "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>我的第一個表達式: {{ 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ù)，這樣就無法注入內(nèi)聯(lián)樣式。
設置 ng-csp 指令為 no-unsafe-eval, 將阻止 AngularJS 執(zhí)行 eval 函數(shù)，但允許注入內(nèi)聯(lián)樣式。
設置 ng-csp 指令為 no-inline-style, 將阻止 AngularJS 注入內(nèi)聯(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 和 內(nèi)聯(lián)樣式都不被允許。 可以設置其中一個值。 你也可以同時設置兩個值使用分號隔開，但這與留空的效果是一樣的。 |
以上就是對AngularJS ng-csp 指令資料的整理，學習AngularJS的朋友參考下。
相關文章
Angular js 實現(xiàn)添加用戶、修改密碼、敏感字、下拉菜單的綜合操作方法
這篇文章主要介紹了Angular js 實現(xiàn)添加用戶、修改密碼、敏感字、下拉菜單的綜合操作方法,需要的朋友可以參考下2017-10-10
在Angular中,懶加載技術通過路由配置實現(xiàn)模塊的按需加載,可優(yōu)化應用啟動時間和減少初始加載代碼量,首先創(chuàng)建獨立模塊,在模板中使用<router-outlet>插入懶加載組件,并可采用預加載策略如PreloadAllModules,以提前加載所有懶加載模塊,優(yōu)化加載性能2024-10-10
Angular 2父子組件之間共享服務通信的實現(xiàn)
這篇文章主要給大家介紹了關于Angular 2父子組件之間共享服務通信的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
AngularJS自定義插件實現(xiàn)網(wǎng)站用戶引導功能示例
這篇文章主要介紹了AngularJS自定義插件實現(xiàn)網(wǎng)站用戶引導功能,結合實例形式分析了AngularJS自定義插件的實現(xiàn)步驟與相關功能技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了angular 實現(xiàn)下拉列表組件的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
Angular 4環(huán)境準備與Angular cli創(chuàng)建項目詳解
Angular4.0來了，更小，更快，改動少，所以下面這篇文章主要給大家介紹了關于Angular 4環(huán)境準備與學會使用Angular cli創(chuàng)建項目的相關資料，文中給出了詳細的示例代碼供大家參考學習，需要的朋友們下面來一起看看吧。2017-05-05
本篇文章主要介紹了Angular如何引入第三方庫的方法詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
AngularJS是如今最受歡迎的JS框架之一，簡化開發(fā)過程是它的目標之一，這使得它非常適合于元型較小的apps的開發(fā)，但也擴展到具有全部特征的客戶端應用的開發(fā)。下面給大家總結了AngularJS開發(fā)者最常犯的十個錯誤，有需要的可以參考學習下。2016-08-08
@angular前端項目代碼優(yōu)化之構建Api Tree的方法
這篇文章主要介紹了@angular前端項目代碼優(yōu)化之構建Api Tree的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了詳解angular2 控制視圖的封裝模式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12