AngularJS NG-CSPディレクティブ
AngularJSインスタンス
AngularJSの「評価」の動作とインラインスタイルを変更します。
<!Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip> </head> 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は評価機能を実行しないため、インラインスタイルを注入できません。
NG-CSP指令をNO-UNSAFE-EVALに設定すると、AngularJが評価機能の実行を防ぎますが、インラインスタイルのインジェクションが可能になります。
NG-CSPディレクティブをインラインノーラインスタイルに設定すると、AngularJがインラインスタイルを注入できませんが、評価機能の実行が可能になります。
Google Chrome拡張機能またはWindowsアプリケーションNG-CSPディレクティブを開発する必要があります。
注:NG-CSPディレクティブはJavaScriptには影響しませんが、AngularJSの仕組みを変更します。つまり、評価機能を記述でき、正常に機能します。
実行しますが、AngularJSは独自の評価関数を実行できません。互換モードを使用すると、パフォーマンスは30%減少します。
文法
<要素ng-csp = "no-unsafe-val | no-inline-style"> </element>
パラメーター値
| 価値 | 説明する |
|---|---|
| unsafe-valなし インラインスタイルなし | 値は空になるように設定できます。つまり、評価スタイルもインラインスタイルも許可されていません。 値の1つを設定できます。 また、2つの値を同時にセミコロンで分離することもできますが、これは空白のままにすることと同じです。 |
上記は、Angularjsを研究する友人が参照するためのAngularjs Ng-CSP指導資料の編集です。