slam4:richclient:angularjs:td1

TD n°1

  1. Créer un dossier angular-tds à partir du Root de votre serveur web ;
  2. Publier angular-tds sur github en tant que nouveau repository ;
  3. Ajouter jcheron à la liste des colaborators de ce projet ;
  4. Créer ensuite un dossier/projet différent pour chaque exercice dans angular-tds ;
  5. Publier (commit and push) régulièrement sur github.
  1. Créer un module et un contrôleur
  2. Utiliser des directives Angular
  3. Mettre en oeuvre le Data-binding
  4. Utiliser un service ($cookies)
  1. Saisir une note (message textuel) et afficher le nombre de caractères restants (le message est limité à 100 caractères saisis)
  2. Enregistrer (côté client en JS)
  3. Effacer le contenu
  4. Afficher les messages d'info (sauvegarde, modification…)
  5. Gérer les changements de classe CSS sur l'affichage d'info
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

-- Directives utilisées

  • slam4/richclient/angularjs/td1.txt
  • Dernière modification : il y a 7 ans
  • de 127.0.0.1