了解 Ember.js 中的路由器资源

Question

假设我的 Ember.js 应用有一个如下所示的路由器：

App.Router.map(function () {
  this.resource('posts');
});

我了解from the guide 这意味着我有两条路线：PostsRoute 和PostsIndexRoute，而PostsRoute 是父路线。

这是我的PostsRoute：

App.PostsRoute = Em.Route.extend({
  model: function () {
    this.store.find('posts');
  },

  afterModel: function (posts) {
    var promises = posts.map(function (post) {
      return post.get('author'); // some async relationship
    });

    return Em.RSVP.Promise.all(promises);
  }
});

还有我的PostsIndexRoute：

App.PostsIndexRoute = Em.Route.extend({
  model: function () {
    return this.modelFor('posts');
  }
});

由于我的PostsRoute 是PostsIndexRoute 的父级，我希望它的model 挂钩始终得到解决，即使从我的应用程序中的其他位置转换到“帖子”（例如通过transitionTo或link-to)。情况似乎并非如此。 <Resource> 和 <Resource>Index 路由之间究竟是什么关系？我有点困惑为什么你需要两者。

Answer 1

为了让 Ember 自动调用 PostsIndexRoute 的 model 挂钩，您必须使用第二个参数声明您的资源。有第二个参数表示它应该有子路由（index 是默认提供的）。

App.Router.map(function(){
  this.resource('posts', function(){});
})

Here's a bin 演示了该行为。