ember link在路线的模型钩子中发送空的参数

Question

我有一个博客网站，去url /posts应列出所有帖子。 然后单击/posts/:post_id的链接应显示该帖子的详细信息。 但是，单击链接时，似乎linkTo没有正确传递:post_id 。 这是我的代码：

路由器：

App.Router.map(function() {
  this.resource("posts", function() {
    this.resource("post", { path: "/:post_id" }, function() {
      //other routes
    });
  });

  this.route("posts.index", { path: "/" });//Links root url to posts index template
});

路线：

/****** Posts ******/
App.PostsRoute = Ember.Route.extend({

});

App.PostsIndexRoute = Ember.Route.extend({
  model: function() {
    return App.Post.find();
  }
});

/****** Post *******/
App.PostRoute = Ember.Route.extend({

});

App.PostIndexRoute = Ember.Route.extend({

});

控制器：

/****** Posts ******/
App.PostsController = Ember.ArrayController.extend({

});

App.PostsIndexController = Ember.ArrayController.extend({

});


/****** Post ******/
App.PostController = Ember.ObjectController.extend({

});

App.PostIndexController = Ember.ObjectController.extend({

});

帖子/索引模板：

{{#each post in controller}}
  <tr>
    <td>{{post.name}}</td>
    <td>{{post.title}}</td>
    <td>{{post.content}}</td>
    <td>{{#linkTo post.index post}}View{{/linkTo}}</td>
  </tr>
{{/each}}

每次我点击{{linkTo post.index post}} ，它会将我带到正确的网址，呈现正确的模板（帖子/索引），但不会显示任何内容。 我尝试在PostIndexRoute中放置一个模型钩子，如下所示：

App.PostIndexRoute = Ember.Route.extend({
  model: function(params) {
    return App.Post.find(params.post_id);
  }
});

但params = {}它没有数据。 有人能指出我正确的方向吗？ 我究竟做错了什么？

Answer 1

由于您要传递post对象，因此需要{{linkTo}}接受动态URL段的路由。 在您的示例中， posts.index不接受参数。

<td>{{#linkTo post post}}View{{/linkTo}}</td>

下面是一个构造代码以更好地处理路由的方法示例 ： JSBin示例

您还应该查看Ember.js路由指南，作为如何构建路由的示例。