Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
angular:concepts [2014/05/03 12:26] djiko |
angular:concepts [2016/10/17 13:56] (Version actuelle) |
||
---|---|---|---|
Ligne 5: | Ligne 5: | ||
===== Expressions ===== | ===== Expressions ===== | ||
===== Directive ===== | ===== Directive ===== | ||
- | Manipulation du DOM | + | * Manipulation du DOM |
+ | * Morceau de html templaté et donc facile à injecter et réutiliser | ||
+ | * Plusieurs écritures possibles | ||
+ | * Déclaration d'attribut | ||
+ | <code html> | ||
+ | <a bouton-perso>Cliquez moi</a> | ||
+ | </code> | ||
+ | * Élément personnalisé | ||
+ | <code html> | ||
+ | <bouton-perso>Cliquez moi</bouton-perso> | ||
+ | </code> | ||
+ | * Classe | ||
+ | <code html> | ||
+ | <a class="bouton-perso">Cliquez moi</a> | ||
+ | </code> | ||
+ | * Commentaire | ||
+ | <code html> | ||
+ | <!-- directive: bouton-perso --> | ||
+ | </code> | ||
+ | * Attributs | ||
+ | * restrict: restriction d'usage. 'A' pour Attribute, 'E' pour Element, 'C' pour Class, 'M' pour commentaire. Peuvent être combinés. | ||
+ | * replace: booleén. Permet de remplacer le contenu de l'élément. | ||
+ | * transclude: Récupère le contenu de l'élément et l'injecte dans l'élément produit par la directive. | ||
+ | * template: comme son nom l'indique. | ||
+ | * templateUrl: la même chose que template, mais soous forme d'URL pointant vers une ressource | ||
===== Data binding ===== | ===== Data binding ===== | ||
===== Filter ===== | ===== Filter ===== |