TD n°1
| Tous les exercices utilisent Bootstrap pour la partie CSS. CDN URL : https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css |
Prérequis :
-- Création du/des projet/s
- Créer un dossier angular-tds à partir du Root de votre serveur web ;
- Publier angular-tds sur github en tant que nouveau repository ;
- Ajouter jcheron à la liste des colaborators de ce projet ;
- Créer ensuite un dossier/projet différent pour chaque exercice dans angular-tds ;
- Publier (commit and push) régulièrement sur github.
-- 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
-- Application/Contrôleurs
| Application | NoteApp (app/noteApp.js) |
|---|---|
| Contrôleur | NoteController (app/noteController.js) |
| messageNote variable stockant le contenu de la note |
|
| info message affiché (modifié, sauvegardé…) |
|
| status entier (facultatif) correspondant aux différents statuts possibles : 0⇒Note sauvegardée, 1⇒statut initial, 2⇒reste moins de 20, 3⇒reste moins de 10 |
|
| save() Enregistrement dans un cookie |
|
| clear() vide messageNote |
|
| count() Calcule le nombre de caractères restants (sur 100) et le retourne |
-- Vue
-- Directives utilisées
- slam4/richclient/angularjs/td1.txt
- Dernière modification : il y a 7 ans
- de
127.0.0.1
