Directives Angular JS

Directives Angular JS :

Les directives Angular JS, peuvent être utilisées au sein du code HTML avec une condition, elles doivent être prefixées par ng-.
NB : Vous pouvez créer vos propres directives.

Quelques exemples :

  • ng-app : définie l’élement pricipal de l’application angular JS.
  • ng-init : pour initialiser les données de l’application.
  • ng-model : récupérer la valeur envoyée dans la partie HTML et l’envoyer dans la partie JS pour traitement.
  • ng-repeat : Pour répéter des élements HTML.

Exemple :

Création d’une directive :

Pour créer votre propre directire, il faut utiliser la fonction .directive
Quand vous l’avez créee, il faut la nommer en utilisant la norme caseCamel (myDirective) et en l’appellant comme suit my-directive

Exemlpe :

Vous pouvez appeller une directive en utilisant :

  • une balise : <my-directive></my-directive>
  • un attribut : <div my-directive></div>
  • class : <div class=”my-directive”></div>
  • commentaire : <!– directive: my-directive –>

Laisser un commentaire