AngularJS ng-cspDirektive

AngularJS 参考手册AngularJS-Referenzhandbuch

AngularJS-Beispiel

Ändern Sie das Verhalten von AngularJS in Bezug auf „eval“ und Inline-Styles:

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

Selbst ausprobieren »

Definition und Verwendung

ng-cspDie Direktive wird verwendet, um die Sicherheitsrichtlinie von AngularJS zu ändern.

Wenn Sie dieng-csp-Direktive verwenden, führt AngularJS die eval-Funktion nicht aus, wodurch das Injizieren von Inline-Styles unmöglich wird.

Setzen Sie dieng-csp-Direktive aufno-unsafe-eval. Dies verhindert, dass AngularJS die eval-Funktion ausführt, erlaubt aber das Injizieren von Inline-Styles.

Setzen Sie dieng-csp-Direktive auf no-inline-style. Dies verhindert, dass AngularJS Inline-Styles injiziert, erlaubt aber die Ausführung der eval-Funktion.

Wenn Sie Google Chrome-Erweiterungen oder Windows-Apps entwickeln, ist dieng-csp-Direktive erforderlich.

Hinweis:ng-cspDie Direktive hat keine Auswirkungen auf JavaScript, ändert jedoch die Arbeitsweise von AngularJS. Das bedeutet: Sie können weiterhin eval-Funktionen schreiben und diese normal ausführen, aber AngularJS kann seine eigene eval-Funktion nicht ausführen. Wenn der Kompatibilitätsmodus verwendet wird, sinkt die Leistung um 30%.

Syntax

<element ng-csp="no-unsafe-eval | no-inline-style"></element>

Parameterwerte

Wert Beschreibung
no-unsafe-eval
no-inline-style		 Der Wert kann leer gelassen werden, was bedeutet, dass weder eval noch Inline-Styles erlaubt sind.
Sie können einen der Werte festlegen.
Sie können auch beide Werte, getrennt durch ein Semikolon, festlegen, was jedoch denselben Effekt hat wie das Leerlassen.

AngularJS 参考手册AngularJS-Referenzhandbuch

Andere Erweiterungen