ember js-RC2-如何从控制器访问路由器实例并且操作不会冒泡到路由器

Question

在路由器中，我有一个事件“removeComment”。在控制器中，如果通过 this.get('target').send('removeComment', context); 访问它，我会收到错误 Nothing handling the event 'removeComment'。当我使用 this.get('target.router').send('removeComment', comment) 时，错误变为 Object # has no method 'send'。使用 this.router.send('removeComment', comment)，会报错：Cannot read property 'send' of undefined。

同样只是将“removeComment”动作发送到 PostEditController 不会通过控制器冒泡，直到路由。

如何从 emberjs rc2 和 routerV2 中的控制器访问路由器实例。

jsfiddle

路由器：

 EmBlog.Router.map(function() {
   this.resource("posts", {path: '/posts'}, function(){
     this.route('new');

     this.resource('post', {path: '/:post_id/'}, function(){
       this.route('edit', {path: '/edit'});

       this.route('comments', {path:  '/comments'});
       this.route('newComment');
       this.route('comment', {path: '/comments/:comment_id'});    
       this.route('editComment', {path: '/comments/:comment_id/edit'});

     });    
 });
});

控制器

 EmBlog.PostEditCommentController = Ember.ObjectController.extend({

   destroyMe: function(comment) {
     this.get('target.router').send('removeComment', comment);
   } 
});

路由器

EmBlog.PostEditCommentRoute = Ember.Route.extend({
   events: { 
      removeComment: function(context) {
       var comment = context.get('content');
       comment.deleteRecord();
       comment.get('store').commit();
       this.transitionTo('post.index');
     }          
    }
});

我在 post/cmets 模板中访问它。这是该模板的控制器。

EmBlog.PostCommentsController = Ember.ArrayController.extend({
  needs: ['postEditComment']
});

post/cmets 模板

<script type="text/x-handlebars" data-template-name="post/comments">
     {{#each controller}}

     <p><a href='#' {{action destroyMe this target="controller.controllers.postEditComment"}}> Destroy </a></p>

    {{/each}}

 </script>

Answer 1

感谢更新，结束小提琴，它有很大帮助:)。我想我知道这里发生了什么。

首先，控制器中的destroyMe功能不对，应该是真的

destroyMe: function(comment) {
  this.get('target').send('removeComment', comment);
}

然后，您在 post.cmets 的模板中调用它，但您在 PostCommentsRou​​te 的子路由“PostEditCommentRoute”中实现它。因此，在 PostCommentsRou​​te 中拉起事件应该可以使其工作。

现在，作为对您的代码的整体评论，有一些奇怪的东西，例如

<p>{{#linkTo 'post.comments'}}  comments{{/linkTo}}</p>  

{{render 'post.comments' comments}}

因此，当您单击“cmets”链接时，会引发错误（视图已呈现）。

路由中还有一些可以避免的代码，例如所有 setupController 钩子，例如

setupController: function(controller, model){
  controller.set('content', model);
}

这是默认行为，因此您不必覆盖它。