| |
| slam4:richclient:angularjs:td1 [2017/01/24 11:40] – [TD n°1] jcheron | slam4:richclient:angularjs:td1 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| ==== -- Création du/des projet/s ==== | ==== -- Création du/des projet/s ==== |
| |
| - Créer un dossier **angular-tds** à partir du Root de votre serveur web | - Créer un dossier **angular-tds** à partir du Root de votre serveur web ; |
| - Publier **angular-tds** sur github en tant que nouveau repository ; | - Publier **angular-tds** sur github en tant que nouveau repository ; |
| - Ajouter **jcheron** à la liste des **colaborators** de ce projet. | - Ajouter **jcheron** à la liste des **colaborators** de ce projet ; |
| - Créer ensuite un dossier/projet différent pour chaque exercice dans **angular-tds** | - 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 ===== | ===== -- Exercice : application Note ===== |
| |
| ^::: | <html><span class="variable">messageNote</span></html>\\ variable stockant le contenu de la note | | ^::: | <html><span class="variable">messageNote</span></html>\\ variable stockant le contenu de la note | |
| ^::: | <html><span class="variable">info</span></html>\\ message affiché (modifié, sauvegardé...) | | ^::: | <html><span class="variable">info</span></html>\\ message affiché (modifié, sauvegardé...) | |
| | ^::: | <html><span class="variable">status</span></html>\\ 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 | |
| ^::: | <html><span class="method">save()</span></html>\\ Enregistrement dans un cookie | | ^::: | <html><span class="method">save()</span></html>\\ Enregistrement dans un cookie | |
| ^::: | <html><span class="method">clear()</span></html>\\ vide messageNote | | ^::: | <html><span class="method">clear()</span></html>\\ vide messageNote | |
| ^::: | <html><span class="method">count()</span></html>\\ Calcule le nombre de caractères restants (sur 100) | | ^::: | <html><span class="method">count()</span></html>\\ Calcule le nombre de caractères restants (sur 100) et le retourne | |
| |
| |
| * ng-app | * ng-app |
| * ng-controller | * ng-controller |
| | * ng-click |
| * [[https://docs.angularjs.org/api/ng/directive/ngRepeat|ng-repeat]] | * [[https://docs.angularjs.org/api/ng/directive/ngRepeat|ng-repeat]] |
| * [[https://docs.angularjs.org/api/ng/directive/ngClass|ng-class]] | * [[https://docs.angularjs.org/api/ng/directive/ngClass|ng-class]] |