AngularJS ng-csp指令

AngularJS 参考手册

AngularJS 实例

AngularJS における "eval" の動作方法とインラインスタイルを変更します：

<body ng-app="" ng-csp>
...

尝试一下 »

定義と用法

ng-cspディレクティブは、AngularJS のセキュリティポリシーを変更するために使用されます。

使用した場合ng-cspディレクティブを設定すると、AngularJS は eval 関数を実行しなくなり、インラインスタイルを注入できなくなります。

设置ng-csp命令はno-unsafe-evalAngularJS が eval 関数を実行するのを防ぎますが、インラインスタイルの注入は許可します。

设置ng-csp命令は no-inline-styleAngularJS がインラインスタイルを注入するのを防ぎますが、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 とインラインスタイルの両方が許可されないことを意味します。
そのうちの1つの値を設定することができます。
セミコロンで区切って2つの値を同時に設定することもできますが、これは空のままにした場合と同じ効果になります。

AngularJS 参考手册

其他扩展