Outils pour utilisateurs
angular:concepts
Différences
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:23] 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 ===== | ||
| Ligne 14: | Ligne 38: | ||
| ===== Route ===== | ===== Route ===== | ||
| ===== Controller ===== | ===== Controller ===== | ||
| - | Manipulation des datas, par exemple implémentation d'appel à des APIs REST permettant de fetcher des dats depuis un serveur. | + | * Manipulation des datas, par exemple implémentation d'appel à des APIs REST permettant de fetcher des dats depuis un serveur. |
| - | Pas de manipulation du DOM ici. Faire ça via des [[angular:concepts#directive|directives]] | + | * Pas de manipulation du DOM ici. Faire ça via des [[angular:concepts#directive|directives]] |
| + | * Créer les contrôleurs en faisant en sorte qu'ils soient restreints à l'application dont ils sont membres | ||
| + | <code javascript> | ||
| + | var monApplication = angular.module('monApplication', []); | ||
| + | |||
| + | monApplication.controller('MonControleur', function ($scope) { | ||
| + | // Faire des trucs | ||
| + | }); | ||
| + | </code> | ||
| ===== Scope ===== | ===== Scope ===== | ||
angular/concepts.1399112629.txt.gz · Dernière modification: 2016/10/17 13:54 (modification externe)
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : GNU Free Documentation License 1.3
