Ceci est une ancienne révision du document !
TD n°2
-- Exercice : Gestion des contacts
-- Objectifs
- Utiliser la directive ngRepeat
- Utiliser la validation des formulaires
- Créer des directives simples
-- Fonctionnalités
- Obtenir la liste des contacts et la filtrer
- Ajouter un contact dans la liste
- Modifier un contact existant
- Supprimer un contact
-- Application/Contrôleurs
| Application | ContactApp (app/ContactApp.js) |
|---|---|
| Contrôleur | ContactController (app/contactController.js) |
| contacts Tableau des contacts existants |
|
| contact Variable contenant le contact à modifier |
|
| tmpContact Variable contenant le contact modifié par le formulaire |
|
| operation Chaîne indiquant la modification ou l'ajout d'un contact |
|
| edit Contrôle l'affichage du formulaire d'ajout/modification |
|
| toUpdate(contact) Affiche le formulaire de modification du contact |
|
| toAdd() Affiche le formulaire d'ajout d'un contact |
|
| add() Calcule le nombre de caractères restants (sur 100) |
|
| update() Met à jour la liste des contacts après validation du formulaire (ajout ou modif) |
|
| delete(contact) Supprime de la liste le contact |
-- Vue
-- Directives utilisées
- ng-app
- ng-controller
- ng-click
- ng-model
- ng-pluralize
- ng-repeat
