使用余烬序列化程序的SEO路由

Question

我遵循示例emberjs指南

...
this.route('author', { path: '/author/:post_userName' });
...

App.PostsAuthorRoute = Ember.Route.extend({
  model: function(params) {
    return App.Post.find({userName : params.userName});
  },

  serialize:function(model) {
    return { post_userName: model.get('userName')};
  }
});

然后是这里的链接

Author {{#linkTo 'posts.author' post }} {{post.userName }} {{/linkTo}}

有趣的是，当我单击链接时，出现路由错误

Error while loading route: TypeError {}
Uncaught TypeError: Object [Object Object] has no method 'slice'

但是，当我重新加载页面时，将显示完整数据。

我该如何解决路由错误，实际上我不明白为什么会收到错误并在重新加载页面时得到解决

这是类似情况的jsbin。

http://jsbin.com/aZIXaYo/31/edit

Answer 1

问题出在传递给link-to对象的对象link-to 。 您正在这样做：

Author {{#linkTo 'posts.author' post }} {{post.userName }} {{/linkTo}}

通过后， Post到author路线。 将模型传递给link-to导致跳过路线上的model钩子，而改用传递的模型。 当您单击reload时，将执行model挂钩，并将PostsAuthor路由的模型设置为Post对象的集合，然后事情将按预期进行。

做事在Ember Way（TM）中，您希望拥有一个与Post模型相关的Author模型。 然后，你就会有一个AuthorRoute和AuthorController这needs一个PostsController 。 在链接中，您将传递post.author ，然后使用setupController钩子为PostsController的集合进行PostsController 。 像这样：

App.Post = DS.Model.extend({
  author : DS.belongsTo('post'),
  title  : DS.attr('string')
});

App.Author = DS.Model.extend({
  name : DS.attr('string'),
  userName : DS.attr('string')
});

App.AuthorRoute = DS.Route.extend({
  model : function(){ // not called when the author is passed in to #link-to
    return this.store.find('author',{userName : params.post_userName})
  },
  setupController : function(controller,model){
    this._super(controller,model);
    this.controllerFor('posts').set('content', this.store.find('post',{userName : model.userName}))
  }
});

App.AuthorController = Ember.ObjectController.extend({
  needs : ['posts']
});

App.PostsController = Ember.ArrayController.extend({
 sortProperties : ['name']
});

然后是模板：

Author {{#linkTo 'posts.author' post.author }} {{post.author.name }} {{/linkTo}}