TD n°1

Exercice : application Note

Objectifs :

• Créer un module et un contrôleur
• Utiliser des directives Angular
• Mettre en oeuvre le Data-binding
• Utiliser un service ($cookies)

Fonctionnalités :

• Saisir une note (message textuel) et afficher le nombre de caractères restants (le message est limité à 100 caractères saisis)
• Enregistrer (côté client en JS)
• Effacer le contenu
• Afficher les messages d'info (sauvegarde, modification…)
• Gérer les changements de classe CSS sur l'affichage d'info

Exercice : Choix de services

Objectifs

• Créer un module et un contrôleur
• Utiliser des directives Angular
• Mettre en oeuvre le Data-binding

Fonctionnalités

• Sélectionner/désélectionner des services
• Calculer le montant dû
• Afficher le nombre de services sélectionnés

TD n°2

Exercice : choix multiples

Objectifs

• Créer un module et un contrôleur
• Utiliser des directives Angular
• Mettre en oeuvre le Data-binding

Fonctionnalités

• Lister les produits disponibles
• Ajouter un ou plusieurs produits disponibles aux produits sélectionnés
• Ajouter tous les produits disponibles aux produits sélectionnés
• Retirer un ou plusieurs produits sélectionnés
• Retirer tous les produits sélectionnés
• Valider le choix de produits sélectionnés
• Revenir au choix des produits

Exercice : Gestion des contacts

Objectifs

• Utiliser la directive ngRepeat
• Utiliser la validation des formulaires
• Créer des directives simples (voir Création de directives)

Fonctionnalités

• Obtenir la liste des contacts et la filtrer
• Ajouter un contact dans la liste
• Modifier un contact existant
• Supprimer un contact

TD n°3

Exercice : Convertisseur de devises

Objectifs

• Utiliser des services Angular existants
• Mettre en oeuvre l'injection de dépendance

Fonctionnalités

• Saisir un montant dans une devise source
• Sélectionner la devise cible
• Calculer la conversion à partir des taux courants
• Effectuer l'opération inverse (échange des devises)

Exercice : Calculatrice

Objectifs

• Créer un service (moteur de la calculatrice)
• Utiliser un service (Injection de dépendance)
• Créer des directives

Fonctionnalités

• Faire des calculs simples
• Mémoriser un résultat
• Eteindre/allumer calculatrice

TD n°5 : Routage / Gestion de projet

Exercice :

Objectifs :

• Mettre en oeuvre le routage
• Créer un squelette de projet multi-modules

Structure de l'application :

Routage