灰烬的嵌套路线和承诺

Question

I have a jquery ajax call defined like this

var fetchMessages = function(){$.getJSON(<some url>).then(function(data){ return data; }};

var messages = fecthMessages();

My routes are setup like this

App.Router.map(function() {

    this.resource('messages', function() {
      this.resource('message', { path: ':message_id' });                       
    });                                                                        
  });

I use the promise messages in my routes like this

App.MessagesRoute = Ember.Route.extend({
    model : function(){
        return messages;
    }
});

The above route works fine.

Next I have a nested route like shown below. This however errors out when I directly try to visit #/messages/<id of the message> . Loading #/messages followed by visiting #/messages/<id of message> works fine.

App.MessageRoute = Ember.Route.extend({
    model: function(params) {
      message = messages.findBy("id", params.message_id);
      return message;

    }
  });

So how do I handle the promises in nested routes?

Answer 1

So how do I handle the promises in nested routes?

Apparently Ember handles these for you .

This however errors out when I directly try to visit #/messages/:

 App.MessageRoute = Ember.Route.extend({ model: function(params) { message = messages.findBy("id", params.message_id); return message; } }); 

messages is still a promise, not an array; it doesn't have a findBy method. Instead, use

return messsages.then(function(m) {
  return m.findBy("id", params.message_id);
});