javascript - 如何让分页路由在 Ember.js 中正确加载？

Question

我在 #/posts 有一条路由显示帖子的第一页，在 #/posts/:page_id 有一条显示任何页面的分页路由你要求。我的路由器看起来像这样:

App.Router.map(function(match) {
  //...
  this.route('posts');
  this.resource('postsPage', { path: '/posts/:page_id' });
});

那些路线看起来像这样:

App.PostsRoute = Em.Route.extend({
  model: function(params) {
    return App.store.find(App.Post, { 'page': params.page_id });
  }
});

App.PostsPageRoute = Em.Route.extend({
  renderTemplate: function() {
    this.render('posts');
  },
  model: function(params) {
    return App.store.find(App.Post, { 'page': params.page_id });
  }
});

这在我实现后大约一个月内运行良好，但最近它停止工作，除了 #/posts 路由。页面未加载，即使我的 REST API 返回正确的 JSON。

fiddle here
#/posts 路线 here
#/posts/1 路线 here (请注意，即使发送了 JSON，它也不会加载内容)

Answer 1

默认情况下，postsPageRoute 将设置 postsPage Controller 。您需要告诉它设置帖子 Controller 。

App.PostsPageRoute = Em.Route.extend({
  setupController: function(controller, model) {
    this.controllerFor('posts').set('content', model)
  },
  renderTemplate: function() {
    this.render('posts');
  },
  model: function(params) {
    return App.store.find(App.Post, { 'page': params.page_id });
  }
});