Directive AngularJS NG-CSP
Instance angularjs
Modifiez le comportement et le style en ligne de "EVAL" dans AngularJS:
<! Doctype html> <html> <ead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </dcript> </ / head> <body ng-app = "" ng-c-csc> </v> 5}} </p> </div> <p> En utilisant la directive NG-CSP, vous pouvez modifier la façon dont AngularJS exécute du code. </p> <p> La méthode d'exécution AngularJS améliore les performances de 30% </p> </ body> </html>
Résultats en cours:
Ma première expression: 10
À l'aide de la directive NG-CSP, vous pouvez modifier la façon dont AngularJS exécute le code.
La méthode d'exécution d'AngularJS améliore les performances de 30%
Définition et utilisation
La directive NG-CSP est utilisée pour modifier les politiques de sécurité AngularJS.
Si la directive NG-CSP est utilisée, AngularJS n'exécutera pas la fonction EVAL, de sorte que les styles en ligne ne peuvent pas être injectés.
La définition de la directive NG-CSP sur No-unsafe-Eval empêchera AngularJS d'exécuter les fonctions EVAL, mais permet l'injection de style en ligne.
La définition de la directive NG-CSP sur le style sans ligne empêchera AngularJS d'injecter des styles en ligne, mais permet l'exécution des fonctions d'évaluation.
Il est nécessaire de développer une directive Google Chrome Extension ou Windows Application NG-CSP.
Remarque: La directive NG-CSP n'affectera pas JavaScript, mais modifiera le fonctionnement d'AngularJS, ce qui signifie: vous pouvez toujours écrire des fonctions d'évaluation, et elle fonctionnera normalement.
Exécuter, mais AngularJS ne peut pas exécuter sa propre fonction d'évaluation. Si le mode compatible est utilisé, les performances seront réduites de 30%.
grammaire
<élément ng-csp = "no-unsafe-eval | no inline-style"> </element>
Valeur du paramètre
| valeur | décrire |
|---|---|
| no-un-oval sans ligne | La valeur peut être définie sur vide, ce qui signifie que ni les styles d'évaluation ni de ligne ne sont autorisés. L'une des valeurs peut être définie. Vous pouvez également définir deux valeurs en même temps pour les séparer avec des demi-colons, mais c'est la même chose que de laisser vide. |
Ce qui précède est une compilation des matériaux d'instructions AngularJS NG-CSP, pour référence par des amis qui étudient les AngularJS.