| Fiche technique | |
|---|---|
| Type de produit : | Cadre d'application |
| Auteur : | |
| Date de publication : | 2009 |
| Site Web : | https://angularjs.org/ |
Description
Ce cadre d'application, développer en JavaScript par Google, permet d'étendre les attributs des balises HTML afin de pouvoir appliquer des événements, des validations et différents autres comportements complémentaires à un formulaires de façon à ce que la page Web réagisse davantage comme une application. Il est basé sur des directives, des expressions, des filtres, des modules et des contrôleurs.
Directive
Voici la liste des directives reconnus par AngularJS :
| Nom | Description |
|---|---|
| ng-app | Cette directive permet d'indiquer l'élément racine d'une application. |
| ng-bind | Cette directive permet d'indiquer la liaison du contenu d'un élément HTML vers les données d'application. |
| ng-bind-html | Cette directive permet d'indiquer la liaison d'une propriété innerHTML d'une balise HTML vers les données de l'application. |
| ng-bind-template | Cette directive permet d'indiquer que le contenu du texte doit être remplacé par un gabarit. |
| ng-blur | Cette directive permet d'indiquer le comportement dans les événements. |
| ng-change | Cette directive permet d'indiquer une expression à évaluer quand le contenu est changé par l'utilisateur. |
| ng-checked | Cette directive permet d'indiquer si un élément est coché ou pas. |
| ng-class | Cette directive permet d'indiquer les classes CSS dans les balises HTML. |
| ng-class-even | Cette directive permet d'indiquer une classe CSS à appliquer uniquement sur des lignes paires. |
| ng-class-odd | Cette directive permet d'indiquer une classe CSS à appliquer uniquement sur des lignes impaires. |
| ng-click | Cette directive permet d'indiquer une expression à évaluer lorsqu'un élément est cliqué. |
| ng-cloak | Cette directive permet d'empêcher le scintillement lorsque la page est en cours de chargement. |
| ng-controller | Cette directive permet de définir l'objet de contrôleur pour l'application. |
| ng-copy | Cette directive permet d'indiquer le comportement dans la copie des événements. |
| ng-csp | Cette directive permet de changer la politique de sécurité du contenu. |
| ng-cut | Cette directive permet d'appliquer le comportement d'un événement de «couper». |
| ng-dblclick | Cette directive permet d'appliquer le comportement d'un événement de double-clic. |
| ng-disabled | Cette directive permet d'indiquer si un élément est désactiver ou non. |
| ng-focus | Cette directive permet d'indiquer le comportement d'un événement de focus. |
| ng-form | Cette directive permet d'indiquer le formulaire HTML héritant du contrôle. |
| ng-hide | Cette directive permet d'indiquer s'il faut cacher l'élément HTML. |
| ng-href | Cette directive permet d'indiquer l'URL d'une balise A. |
| ng-if | Cette directive permet d'indiquer qu'il faut uniquement afficher l'élément spécifié si la condition est vrai. |
| ng-include | Cette directive permet d'indiquer qu'il faut inclure la page HTML spécifié dans la page HTML courante. |
| ng-init | Cette directive permet de fixer la valeur initiale pour une application. |
| ng-jq | Cette directive permet d'indiquer que l'application doit utiliser la bibliothèque de jQuery. |
| ng-keydown | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'une touche est enfoncé. |
| ng-keypress | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'on presse sur une touche. |
| ng-keyup | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'une touche est relâché. |
| ng-list | Cette directive permet d'indiquer qu'il faut convertir le texte en une liste. |
| ng-maxlength | Cette directive permet d'indiquer le nombre maximum de caractères alloué dans un champ d'entrée. |
| ng-minlength | Cette directive permet d'indiquer le nombre minimum de caractères alloué dans un champ d'entrée. |
| ng-model | Cette directive permet d'indiquer qu'il faut relier la valeur d'un contrôle HTML avec une donnée d'application. |
| ng-model-options | Cette directive permet d'indiquer de quel manière il faut mettre à jour un modèle. |
| ng-mousedown | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'on la souris clic sur un élément. |
| ng-mouseenter | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'on la souris entre dans une zone spécifié. |
| ng-mouseleave | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'on la souris se met à sortir d'une zone spécifié. |
| ng-mousemove | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'on la souris se déplace dans une zone spécifié. |
| ng-mouseover | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'on la souris est à l'intérieur d'une zone spécifié. |
| ng-mouseup | Cette directive permet d'indiquer qu'un comportement ou un événement doit être déclencher lorsqu'on la souris est au dessus d'une zone spécifié. |
| ng-non-bindable | 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. |
| ng-open | Cette directive permet d'indiquer que l'attribut est ouvert dans un élément. |
| ng-options | Cette directive permet d'indiquer une balise «options» dans une balise «select». |
| ng-paste | Cette directive permet d'indiquer un comportement dans un événement de «Coller». |
| ng-pluralize | Cette directive permet d'indiquer qu'un message a afficher doit s'accorder avec les règles linguistiques régionales «en-us». |
| ng-readonly | Cette directive permet d'indiquer que l'attribut de l'élément est mode lecture seulement. |
| ng-repeat | Cette directive permet de fixer un gabarit pour données dans une collection. |
| ng-required | Cette directive permet de fixer l'attribut requis d'un champ de formulaire (input ou textarea). |
| ng-selected | Cette directive permet d'indiquer que l'attribut de l'élément est sélectionné. |
| ng-show | Cette directive permet d'indiquer qu'il faut afficher l'élément spécifié. |
| ng-src | Cette directive permet d'indiquer l'attribut source pour une balise «img». |
| ng-srcset | Cette directive permet d'indiquer l'attribut «srcset» pour une balise «img». |
| ng-style | Cette directive permet d'indiquer l'attribut de style pour un élément. |
| ng-submit | Cette directive permet d'indiquer l'expression à exécuter dans un événement «onsubmit». |
| ng-switch | Cette directive permet d'indiquer une évaluation de cas devant être utiliser sur des éléments. |
| ng-transclude | Cette directive permet de fixer un point où insérer les éléments «transclude». |
| ng-value | Cette directive permet de fixer la valeur d'une balise d'entrée de donnée. |
Dernière mise à jour : Mardi, le 12 décembre 2015