Ember 嵌套路由和 Promise

Question

我有一个这样定义的 jquery ajax 调用

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

var messages = fecthMessages();

我的路线是这样设置的

App.Router.map(function() {

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

我在这样的路线中使用了messages 的承诺

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

上述路线运行良好。

接下来我有一个嵌套路由，如下所示。但是，当我直接尝试访问 #/messages/<id of the message> 时，这会出错。加载 #/messages 然后访问 #/messages/<id of message> 工作正常。

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

    }
  });

那么如何处理嵌套路由中的承诺？

Answer 1

那么如何处理嵌套路由中的承诺？

显然是Ember handles these for you。

但是当我直接尝试访问 #/messages/ 时会出错：

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

    }
  });

messages 仍然是一个承诺，而不是一个数组；它没有findBy 方法。相反，使用

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