1

我有一个博客网站,其中的 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}},它都会将我带到正确的 url,呈现正确的模板(帖子/索引),但没有任何显示。我尝试在 PostIndexRoute 中放置一个模型挂钩,如下所示:

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

但是 params ={} 里面没有数据。有人可以指出我正确的方向吗?我究竟做错了什么?

4

1 回答 1

3

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

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

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

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

于 2013-04-11T16:58:16.507 回答