Anatomy D'une Application Angular Flashcards
View
HTML brut vu par l’utilisateur
Model
Les données affiches a l’utilisateur
Controller
Récupération des donnees PascalCase Récupérer les données Décider les donnees a afficher Logique de présentation Interactions utilisateurs : validation, événement sur clic
ng-controller
Créer à partir d’un module :
- ancien syntaxe : prend en paramètre le Scope
- nouveau syntaxe : Controller as
- deux arguments : le nom et la fonction
Scope
Un contexte qui manipule les données et les fonctions. Lien entre la vue et le Controller qui leur permet de partager des donnees sans être dépendant l’une de l’autre
Unique argument du contrôleur dans l’ancienne syntaxe.
Permet de se référer à une variable dans le Controller
Préférer controlleras pour accéder aux variables d’un contrôleur
Directives
Moyen de créer de nouveaux syntaxes html sous forme d’élément et d’attribut
Expressions
{{}} permet d’accéder au modèles et aux fonctions
Préférer ng-bind pour éviter d’afficher des doubles accolades aux chargement sinon utiliser ng-cloak
Template
HTML + directives + {{}}
Mvw
Mvc mvvm
Js
Controller Directive Filter Services App
Modules
Package au sens java
Module is used with ng-app
Services
S
ng-cloak
Class permettant de masquer des composants jusqu’au chargement d’angular. A ajouter de Preferences sur des éléments de la page. Une bonne pratique est de rajouter le css associe dans le css du site
ng-show
Opposite of ng-hide
ng-hide
Opposite of ng-show
ng-class
Gestion de classe
