Différences

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

--- richclient:emberjs:router:models [2018/01/18 15:57] – [Paramètres hérités] jcheron
+++ richclient:emberjs:router:models [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 69: / Ligne 69: @@
 </sxh>
+===== Models multiples =====
+Dans certains cas, la route peut avoir besoin de plusieurs models.
+Ember utilise dans ce cas la méthode hash du package RSVP permettant de définir une seule **promise** à partir de plusieurs **promises** existantes :
+<sxh javascript;title:app/routes/album.js>
+import Route from '@ember/routing/route';
+import RSVP from 'rsvp';
+export default Route.extend({
+  model() {
+    return RSVP.hash({
+      songs: this.get('store').findAll('song'),
+      albums: this.get('store').findAll('album')
+    });
+  }
+});
+</sxh>
 ===== Contexte parent =====
@@ Ligne 75: / Ligne 92: @@
 Il est possible dans ce cas d'utiliser la méthode **paramsFor** pour récupérer les paramètres adéquats d'une des routes parent.
+Dans le cas suivant, la route **album/index** récupère les paramètres de la route **album** :
 <sxh javascript;title:app/routes/album/index.js>
 import Route from '@ember/routing/route';
@@ Ligne 88: / Ligne 106: @@
+Il est également possible de récupérer le model délivré par une route parent avec la méthode **modelFor** :
+<sxh javascript;title:app/routes/album/index.js>
+import Route from '@ember/routing/route';
+export default Route.extend({
+  model() {
+    let { songs } = this.modelFor('album');
+    return songs;
+  }
+});
+</sxh>