| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| slam4:richclient:angularjs:td2 [2016/02/10 00:58] – [1.3- Application/Contrôleurs] jcheron | slam4:richclient:angularjs:td2 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| ^**Application** | **ListesApp** (app/listesApp.js) | | ^**Application** | **ListesApp** (app/listesApp.js) | |
| ^**Contrôleur** | **ListesController** (app/listesController.js) | | ^**Contrôleur** | **ListesController** (app/listesController.js) | |
| ^::: | <html><span class="variable">dispoItems</span></html>\\ Tableau des produits disponibles défini en JSON | | ^::: | <html><span class="variable">dispoItems</span></html>\\ Tableau des produits disponibles défini en JSON (utiliser le service $http)| |
| ^::: | <html><span class="variable">includedItems</span></html>\\ Tableau des produits à inclure | | ^::: | <html><span class="variable">includedItems</span></html>\\ Tableau des produits à inclure | |
| ^::: | <html><span class="variable">selectedDispoItems</span></html>\\ Tableau des éléments sélectionnés dans la liste des produits disponibles | | ^::: | <html><span class="variable">selectedDispoItems</span></html>\\ Tableau des éléments sélectionnés dans la liste des produits disponibles | |
| - Utiliser la directive ngRepeat | - Utiliser la directive ngRepeat |
| - Utiliser la validation des formulaires | - Utiliser la validation des formulaires |
| - Créer des directives simples | - Créer des directives simples (voir [[slam4:richclient:angularjs:directives-creation]]) |
| |
| ==== -- Fonctionnalités ==== | ==== -- Fonctionnalités ==== |
| * [[https://docs.angularjs.org/api/ng/directive/ngPluralize|ng-pluralize]] | * [[https://docs.angularjs.org/api/ng/directive/ngPluralize|ng-pluralize]] |
| * [[https://docs.angularjs.org/api/ng/directive/ngRepeat|ng-repeat]] | * [[https://docs.angularjs.org/api/ng/directive/ngRepeat|ng-repeat]] |
| | |
| | === Fonctions utiles === |
| | |
| | * [[https://docs.angularjs.org/api/ng/function/angular.copy|angular.copy]] |
| | |
| === -- Directives à créer === | === -- Directives à créer === |
| A placer dans **app/directives.js** | A placer dans **app/directives.js** |
| === -- Interface === | === -- Interface === |
| {{:slam4:richclient:angularjs:ex3.png?600|}} | {{:slam4:richclient:angularjs:ex3.png?600|}} |
| <html><!--<a target="_new" href="http://angular.kobject.net/repeat/v_repeat.html"><div style="width:400px" class="btn">Tester l'appli <b>Gestion de contacts</b></div></a>--></html> | |
| | <html><a target="_new" href="http://angular.kobject.net/ex4" class="btn">Tester l'appli <b>Gestion de contacts</b></a></html> |
| |
| === -- Logique applicative / comportement de l'interface === | === -- Logique applicative / comportement de l'interface === |