Ember.js: Laden Sie im Zusammenhang mehr Modelle

Question

Da der glut-Führer erklärt, wie mutliple Modelle auf einer Route zu laden, wie die

export default Ember.Route.extend({ 
    model() { 
    return Ember.RSVP.hash({ 
     songs: this.get('store').findAll('song'), 
     albums: this.get('store').findAll('album') 
    }); 
    } 
}); 

Im fragen, wie von einem zweiten nur die entsprechenden Modell-Einträge zu laden, Wie alle Songs Laden der Alben, sondern nur die in den Songs indiziert sind, wenn wir, dass das Lied Modell dieses

... 
albums: hasMany('album'), 
... 

Wie kann ich das tun enthält annehmen?

Answer 1

Angenommen, Ihre Adapter und JSON API Backend-Unterstützung es, können Sie einfach sagen:

export default Ember.Route.extend({ 
    model() { 
    return Ember.RSVP.hash({ 
     songs: this.get('store').findAll('song', { include: 'albums' }), 
    }); 
    } 
}); 

Normalerweise ist dies eine GET-/songs?include=albums erzeugen, die die JSON API Backend erzählt die dazugehörige Album Ressourcen enthalten, nach zu http://jsonapi.org/format/#fetching-includes.

Auf der Emberseite der Dinge ist diese Funktion bei http://emberjs.com/blog/2016/05/03/ember-data-2-5-released.html#toc_code-ds-finder-include-code dokumentiert.

Wenn das obige keine Option ist, gibt es keine Möglichkeit, alles in einer Anforderung zu laden, ohne einen benutzerdefinierten Endpunkt zu erstellen und store.pushPayload zu verwenden.

Answer 2

ist hier eine Möglichkeit, es zu tun

export default Ember.Route.extend({ 
    model() { 
    var promise = new Ember.RSVP.Promise(function(resolve,reject){ 
     this.store.findAll('song').then(function(songs){ 
     var albumPromises = songs.map(fuction(s){return s.get('album')}); 
     Em.RSVP.all(albumPromises).then(function(){ 
      resolve(songs); 
     }); 
     }); 
    }); 
    return promise; 
    } 
}); 

Also im Grunde Sie warten, bis alles gelöst ist.

Hoffe es hilft!