ng-non-bindable

Syntaxe

Paramètres

Description

Cette directive permet d'indiquer qu'aucune liaison de données peut se produire dans cet élément ou un de ses enfants s'il y a lieu.

Remarques

• Désactivation de l'interpolation AngularJS : La directive ng-non-bindable désactive l'interpolation et le traitement des expressions AngularJS pour les éléments et leurs descendants. Cela permet d'afficher directement des expressions comme {{ expression }} sans qu'elles soient évaluées ou compilées par le cadre d'application.
• Utilité dans la documentation et les tutoriels : Elle est particulièrement utile pour afficher du code AngularJS ou des exemples dans des applications éducatives ou des documentations, en empêchant leur exécution tout en préservant leur apparence dans la page.
• Effet limité au DOM enfant : L'effet de ng-non-bindable est restreint à l'élément sur lequel elle est appliquée et à ses descendants directs. Les autres parties de l'application AngularJS restent entièrement fonctionnelles.
• Prévention des erreurs d'évaluation : En désactivant la liaison de données dans des parties spécifiques de l'application, cette directive permet d'éviter des erreurs ou comportements inattendus pouvant survenir si AngularJS tentait d'interpréter des contenus non destinés à être évalués.
• Utilisation dans les contenus dynamiques : ng-non-bindable est utile pour afficher du contenu dynamique généré par un utilisateur ou provenant d'une source externe, sans risque qu'AngularJS essaie de compiler ce contenu. Cela peut être une mesure de sécurité supplémentaire pour éviter des interprétations non désirées.
• Limitation de l'utilisation excessive : Bien qu'elle soit pratique, une utilisation excessive de ng-non-bindable dans une application AngularJS pourrait rendre difficile la compréhension et la gestion des parties actives et inactives du DOM, en particulier dans des projets complexes.
• Compatibilité avec les directives HTML natives : La directive n'interfère pas avec les fonctionnalités HTML natives ou les comportements JavaScript externes. Cela signifie que les événements comme onclick ou les styles CSS continuent de fonctionner normalement, même sur les éléments marqués avec ng-non-bindable.
• Interaction avec les directives AngularJS : Toute directive AngularJS présente sur un élément marqué avec ng-non-bindable sera ignorée. Par exemple, une directive ng-model ou ng-click ne fonctionnera pas si elle est imbriquée dans une section désactivée par ng-non-bindable.