Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
richclient:emberjs:td1 [2019/01/23 00:05]
jcheron [3. Application]
richclient:emberjs:td1 [2020/02/08 00:56] (Version actuelle)
jcheron [2.4. Vue]
Ligne 31: Ligne 31:
   - Créer/​manipuler les templates   - Créer/​manipuler les templates
   - Créer des classes et instancier des objets   - Créer des classes et instancier des objets
-  - Mettre en oeuvre le Data-binding avec [[https://​guides.emberjs.com/​release/​object-model/​computed-properties/​|computed properties]]+  - Mettre en oeuvre le Data-binding avec [[https://​guides.emberjs.com/​v3.12.0/​object-model/​computed-properties/​|computed properties]]
  
 ==== - Fonctionnalités ==== ==== - Fonctionnalités ====
Ligne 58: Ligne 58:
 ^**Route** | **ex1** | ^**Route** | **ex1** |
 ^::: | <​html><​span class="​method">​model()</​span></​html>​model hook, doit retourner une instance de Note | ^::: | <​html><​span class="​method">​model()</​span></​html>​model hook, doit retourner une instance de Note |
 +
 +La classe Note sera créée dans le fichier **app/​utils/​note-class.js** (le dossier utils est à créer):
 +<sxh javascript;​title:​app/​utils/​note-class.js>​
 +// note-class.js
 +import EmberObject,​ { computed } from '​@ember/​object';​
 +
 +export default EmberObject.extend({
 +  MAX:100,
 +  content:'​Entrez votre texte',​
 +  ...
 +});
 +</​sxh>​
 +
 +Cette classe sera importée dans le route handler **ex1.js** de la façon suivante :
 +
 +<sxh javascript>​
 +import Note from '​td1/​utils/​note-class';​
 +</​sxh>​
  
 Fichier **app/​controllers/​ex1.js** Fichier **app/​controllers/​ex1.js**
Ligne 72: Ligne 90:
 ==== - Vue ==== ==== - Vue ====
 === - helpers handlebars utilisés === === - helpers handlebars utilisés ===
-  * <​nowiki>​{{expression}}</​nowiki>​ voir [[https://​guides.emberjs.com/​release/​templates/​handlebars-basics/​|expressions]] +  * <​nowiki>​{{expression}}</​nowiki>​ voir [[https://​guides.emberjs.com/​v3.12.0/​templates/​handlebars-basics/​|expressions]] 
-  * <​nowiki>​{{textarea ​...}}</​nowiki>​ voir [[https://​guides.emberjs.com/​release/​templates/​input-helpers/#​toc_text-areas|textarea]] +  * <​nowiki>​<​Textarea ​.../></​nowiki>​ voir [[https://​guides.emberjs.com/​v3.12.0/​templates/​input-helpers/#​toc_text-areas|textarea]] 
-  * <​nowiki>​{{action...}}</​nowiki>​ voir [[https://​guides.emberjs.com/​release/​templates/​actions/​|actions]]+  * <​nowiki>​{{action ...}}</​nowiki>​ voir [[https://​guides.emberjs.com/​v3.12.0/​templates/​actions/​|actions]]
 === - Interface === === - Interface ===
  
Ligne 136: Ligne 154:
  
 === A utiliser === === A utiliser ===
-  * [[https://​www.emberjs.com/​api/​ember/​3.7/​classes/​@ember%2Fobject%2Fcomputed/​methods/​alias?​anchor=filterBy&​show=inherited%2Cprotected%2Cprivate%2Cdeprecated|filterBy]] pour filtrer les services en fonction de leur propriété **active**+  * [[https://​www.emberjs.com/​api/​ember/​3.12/​classes/​@ember%2Fobject%2Fcomputed/​methods/​alias?​anchor=filterBy&​show=inherited%2Cprotected%2Cprivate%2Cdeprecated|filterBy]] pour filtrer les services en fonction de leur propriété **active**
   * [[https://​developer.mozilla.org/​fr/​docs/​Web/​JavaScript/​Reference/​Objets_globaux/​Array/​forEach|forEach]] pour le parcours des services   * [[https://​developer.mozilla.org/​fr/​docs/​Web/​JavaScript/​Reference/​Objets_globaux/​Array/​forEach|forEach]] pour le parcours des services
  
Ligne 172: Ligne 190:
   * <​nowiki>​{{#​each}}{{/​each}}</​nowiki>​   * <​nowiki>​{{#​each}}{{/​each}}</​nowiki>​
   * <​nowiki>​{{#​if}}{{/​if}}</​nowiki>​   * <​nowiki>​{{#​if}}{{/​if}}</​nowiki>​
-  * <​nowiki>​{{input}}</​nowiki>​+  * <​nowiki>​<Input .../></​nowiki>​
  
 === - helpers à créer === === - helpers à créer ===
Ligne 185: Ligne 203:
 {{:​slam4:​richclient:​angularjs:​td1-ex2-services.png?​350&​nolink|Services app}} {{:​slam4:​richclient:​angularjs:​td1-ex2-services.png?​350&​nolink|Services app}}
  
-=== -- Logique applicative / comportement de l'​interface ===+=== - Logique applicative / comportement de l'​interface ===
  
   * Le service **Web development** est sélectionné par défaut   * Le service **Web development** est sélectionné par défaut
richclient/emberjs/td1.1548198301.txt.gz · Dernière modification: 2019/01/23 00:05 par jcheron
GNU Free Documentation License 1.3
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0