Notes personnelles

Ceci est une ancienne révision du document !

---

====== AngularJS : les concepts ====== Important de comprendre les concepts. Cette page est WIP, comme mon cerveau. ===== Expressions ===== ===== Directive ===== * 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: This replaces the markup in the DOM that defines the directive, used in the example, you'll notice how initial DOM is replaced with the Directive's template. transclude: Put simply, using transclude allows for existing DOM content to be copied into the directive. You'll see the words 'Click me' have 'moved' into the Directive once rendered. template: A template (as above) allows you to declare markup to be injected. It's a good idea to use this for tiny pieces of HTML only. Injected templates are all compiled through Angular, which means you can declare the handlebar template tags in them too for binding. templateUrl: Similar to a template, but kept in it's own file or <script> tag. You can do this to specify a template URL, which you'll want to use for manageable chunks of HTML that require being kept in their own file, just specify the path and filename, preferably kept inside their own templates directory: ===== Data binding ===== ===== Filter ===== ===== Scope ===== ===== Partial view ===== ===== Module ===== ===== Dependency Injection ===== ===== Route ===== ===== Controller ===== * 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]] * 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 ===== Assure le lien entre un contrôleur et la vue à laquelle le contrôleur est associé. le __Scope__ est un attribut du contrôleur et lui permet d'ajouter des données ou des fonctions dans son contexte d'exécution. Ces ajouts sont fait au sein de l'élément du DOM dans lequel le contrôleur est exécuté. ===== Watch ===== ===== Service ===== ===== Factory ===== ===== Provider =====