View Code? Open in Web Editor
NEW
Cours d'Angular 1.6 à l'I.U.T de CAEN
HTML 59.32%
JavaScript 38.80%
PHP 1.67%
CSS 0.21%
angular.tds's Introduction
Exercice : application Note
- Créer un module et un contrôleur
- Utiliser des directives Angular
- Mettre en oeuvre le Data-binding
- Utiliser un service ($cookies)
- 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
- Créer un module et un contrôleur
- Utiliser des directives Angular
- Mettre en oeuvre le Data-binding
- Sélectionner/désélectionner des services
- Calculer le montant dû
- Afficher le nombre de services sélectionnés
Exercice : choix multiples
- Créer un module et un contrôleur
- Utiliser des directives Angular
- Mettre en oeuvre le Data-binding
- 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
- Utiliser la directive ngRepeat
- Utiliser la validation des formulaires
- Créer des directives simples (voir Création de directives)
- Obtenir la liste des contacts et la filtrer
- Ajouter un contact dans la liste
- Modifier un contact existant
- Supprimer un contact
Exercice : Convertisseur de devises
- Utiliser des services Angular existants
- Mettre en oeuvre l'injection de dépendance
- 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)
- Créer un service (moteur de la calculatrice)
- Utiliser un service (Injection de dépendance)
- Créer des directives
- Faire des calculs simples
- Mémoriser un résultat
- Eteindre/allumer calculatrice
TD n°5 : Routage / Gestion de projet
- Mettre en oeuvre le routage
- Créer un squelette de projet multi-modules
Structure de l'application :
Routage
angular.tds's People
Contributors
Watchers