Manuel de référence AngularJS

Instructions AngularJS

Directive Description
ng-app Définir l'élément racine de l'application.
ng-bind Lier le contenu de l'élément HTML aux données de l'application.
ng-bind-html Lier l'innerHTML de l'élément HTML aux données de l'application et supprimer le code dangereux de la chaîne HTML.
ng-bind-template Remplacer le contenu texte par le modèle.
ng-blur Définir le comportement de l'événement flou.
ng-change Définir l'expression à calculer lorsque le contenu est modifié par l'utilisateur.
ng-checked Définir si l'élément est sélectionné.
ng-class Définir la classe CSS sur l'élément HTML.
ng-class-even Comme ng-class, mais ne s'applique qu'aux lignes paires.
ng-class-odd Comme ng-class, mais ne s'applique qu'aux lignes impaires.
ng-click Définir l'expression à calculer lorsque l'élément est cliqué.
ng-cloak Prévenir les clignotements lors du chargement de l'application.
ng-controller Définir l'objet contrôleur de l'application.
ng-copy Définir le comportement sur l'événement de copie.
ng-csp Modifier la politique de sécurité des contenus.
ng-cut Spécifier le comportement sur l'événement cut.
ng-dblclick Spécifier le comportement sur l'événement double-clic.
ng-disabled Spécifier si l'élément est désactivé.
ng-focus Spécifier le comportement sur l'événement focus.
ng-form Spécifier le formulaire HTML à partir duquel les contrôles doivent hériter.
ng-hide Masquer ou afficher l'élément HTML.
ng-href Spécifier l'URL de l'élément <a>.
ng-if Supprimer l'élément HTML si la condition est fausse.
ng-include Inclure du HTML dans l'application.
ng-init Définir la valeur initiale de l'application.
ng-jq Spécifier que l'application doit utiliser la bibliothèque, par exemple jQuery.
ng-keydown Spécifier le comportement sur l'événement keydown.
ng-keypress Spécifier le comportement sur l'événement keypress.
ng-keyup Spécifier le comportement sur l'événement keyup.
ng-list Convertir le texte en liste (tableau).
ng-maxlength Spécifier le nombre maximum de caractères autorisés dans le champ d'entrée.
ng-minlength Spécifier le nombre minimum de caractères autorisés dans le champ d'entrée.
ng-model Lier la valeur du contrôle HTML aux données de l'application.
ng-model-options Spécifier comment achever la mise à jour du modèle.
ng-mousedown Spécifier le comportement sur l'événement mousedown.
ng-mouseenter Spécifier le comportement sur l'événement mouseenter.
ng-mouseleave Spécifier le comportement sur l'événement mouseleave.
ng-mousemove Spécifier le comportement sur l'événement mousemove.
ng-mouseover Spécifier le comportement sur l'événement mouseover.
ng-mouseup Spécifier le comportement sur l'événement mouseup.
ng-non-bindable Spécifier que la liaison de données ne peut pas se produire dans cet élément ou ses éléments enfants.
ng-open Spécifier l'attribut open de l'élément.
ng-options Spécifier les <options> dans la liste <select>.
ng-paste Spécifier le comportement sur l'événement paste.
ng-pluralize Spécifier le message affiché suivant les règles de localisation en en-us.
ng-readonly Spécifier l'attribut readonly de l'élément.
ng-repeat Définir un modèle pour chaque données dans le jeu de données.
ng-required Spécifier l'attribut required de l'élément.
ng-selected Spécifier l'attribut selected de l'élément.
ng-show Afficher ou masquer un élément HTML.
ng-src Spécifier l'attribut src de l'élément <img>.
ng-srcset Spécifier l'attribut srcset de l'élément <img>.
ng-style Spécifier l'attribut style de l'élément.
ng-submit Spécifier l'expression à exécuter sur l'événement onsubmit.
ng-switch Spécifier la condition utilisée pour afficher/cacher les éléments enfants.
ng-transclude Spécifier le point d'insertion de l'élément intégré.
ng-value Spécifier la valeur de l'élément input.

Instructions AngularJS sur les éléments HTML

AngularJS a modifié le comportement par défaut de certains éléments HTML.

Élément Description
a AngularJS a modifié le comportement par défaut de l'élément <a>.
form AngularJS a modifié le comportement par défaut de l'élément <form>.
input AngularJS a modifié le comportement par défaut de l'élément <input>.
script AngularJS a modifié le comportement par défaut de l'élément <script>.
select AngularJS a modifié le comportement par défaut de l'élément <select>.
textarea AngularJS a modifié le comportement par défaut de l'élément <textarea>.

Filtres AngularJS

Filtres Description
currency Formater un nombre en format monétaire.
date Formater une date dans un format spécifié.
filter Sélectionner un sous-ensemble de projets à partir d'un tableau.
json Formater un objet en chaîne JSON.
limitTo Limiter un tableau ou une chaîne à un nombre d'éléments/caractères spécifié.
lowercase Formater une chaîne en minuscule.
number Formater un nombre en chaîne.
orderBy Trier un tableau par expression.
uppercase Formater une chaîne en majuscule.

Voir également :

Tutoriel :Filtres Angular.

Propriétés de validation AngularJS

  • $dirty
  • $invalid
  • $error

Voir également :

Tutoriel :Validation Angular.

API globale AngularJS

Conversion

API Description
angular.lowercase() Convertir une chaîne en minuscule.
angular.uppercase() Convertir une chaîne en majuscule.
angular.copy() Crée une copie profonde d'un objet ou d'un tableau.
angular.forEach() Exécute une fonction pour chaque élément d'un objet ou d'un tableau.

Comparaison

API Description
angular.isArray() Retourne true si la référence est un tableau.
angular.isDate() Retourne true si la référence est une date.
angular.isDefined() Retourne true si la référence est définie.
angular.isElement() Retourne true si la référence est un élément DOM.
angular.isFunction() Retourne true si la référence est une fonction.
angular.isNumber() Retourne true si la référence est un nombre.
angular.isObject() Retourne true si la référence est un objet.
angular.isString() Retourne true si la référence est une chaîne.
angular.isUndefined() Retourne true si la référence n'est pas définie.
angular.equals() Retourne true si deux références sont égales.

JSON

API Description
angular.fromJson() Reçoit une chaîne de caractères JSON et renvoie un objet JavaScript.
angular.toJson() Reçoit un objet JavaScript et renvoie une chaîne de caractères JSON.

Base

API Description
angular.bootstrap() Démarrage manuel d'AngularJS.
angular.element() Enveloppe des éléments HTML en éléments jQuery.
angular.module() Créer, enregistrer ou rechercher des modules AngularJS.

Voir également :

Tutoriel :API Angular.