Ember.js路由器和动态段

Question

我一直在使用Ember's Router（v1.0.pre）和单个动态细分，并且非常满意。
这么多魔法。

但是，我正在使用多个动态细分：

• serialize() / deserialize()应该返回什么？
• transitionTo()如何调用以及那里的上下文？

有人可以对此有所了解吗？

Answer 1

• serialize和deserialize只应在您的上下文对象具有自定义序列化（即不是ember-data模型实例）时实现。因此，在使用完整的ember堆栈时，您不必实现这些方法。

应从路由事件处理程序调用

• transitionTo，并按如下方式传递上下文：

showPost: function (router, event) {
  var post = event.context;
  router.transitionTo('posts.show', post);
}

鉴于showPost事件已被action助手触发：

{{#each post in controller}}
  <a {{action showPost post}}>Show post {{post.title}}</a>
{{/each}}

通过多个上下文对象（对于深层嵌套的路径），可以实现更复杂的转换：

router.transitionTo('posts.member.comments.show', post, comment);

post＆amp; comment上下文将被传递到适当的路由，而路由将下降到嵌套路由。

---

修改

没有余烬数据，它看起来像：

posts: Ember.Route.extend({
  route: 'posts',

  member: Ember.Route.extend({
    route: '/:post_id',

    show: Ember.Route.extend({
      route: '/'
    }),

    comments: Ember.Route.extend({
      route: 'comments',

      show: Ember.Route.extend({
        route: '/:comment_id'
      })
    })
  })
})

你会有两个课程App.Post＆amp; App.Comment，find类方法和id实例属性。

App.Post = Ember.Object.extend({
  id: null
});
App.Post.reopenClass({
  find: function (id) {
    // retrieve data, instanciate & return a new Post
  }
});

App.Comment = Ember.Object.extend({
  id: null
});
App.Comment.reopenClass({
  find: function (id) {
    // retrieve data, instanciate & return a new Comment
  }
});