0

我遵循示例 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

4

1 回答 1

1

问题在于您传递给link-to. 你正在这样做：

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

它通过，aPost到author路线。将模型传递给link-to会导致model路由上的钩子被跳过，而是使用传递的模型。当你点击重新加载时，model钩子被执行，并且PostsAuthor路由模型被设置为Post对象的集合，然后事情就按预期工作了。

要使用 Ember Way (TM) 做事，您需要一个与您的模型Author相关的Post模型。然后你会有一个AuthorRoute和AuthorController那个。在您的链接中，您将通过，然后使用钩子为. 像这样的东西：needsPostsControllerpost.authorsetupControllerPostsController

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}}
于 2013-09-18T03:53:32.567 回答