emberjs控制器的需求返回undefined，无法访问controller.content

Question

我想使用Emberjs 需要api *从评论控制器访问Postscontroller。 PostController由路由支持，而我不希望评论的控制器拥有路由。

在评论控制器中，我有需求：['posts'，'postsShow']。从评论控制器，当我运行控制台日志使用下面的命令，,:

console.log(this.get('controllers.postsShow')); 

    console.log(this.get('controllers.posts')); 

在控制台中我看到：

<EmBlog.PostsShowController:ember396> { target=<EmBlog.Router:ember316>, namespace=EmBlog, store=<EmBlog.Store:ember336> 

<EmBlog.PostsController:ember304> { target=<EmBlog.Router:ember316>, namespace=EmBlog, store=<EmBlog.Store:ember336> 

然而，当我试图访问控制器内容对于PostsShowController或PostsController，它始终返回后未定义。这是我已经试过各种方法仍然有后未定义：

var post = this.get('controllers.posts').get('content'); 

       or 

var post = this.get('controllers.posts.content'); 

此外，我试图从这样的内容获得“评论”：

var post = this.get('controllers.posts') 

var comment = post.get('comments'); 

      or 

comment = post.comments; 

我还是得到了错误：

TypeError: post is undefined comment = post.comments; 

TypeError: post is undefined var comment = post.get('comments'); 

也这意味着：

var post = this.get('controllers.posts.model').get('store.transaction'); 

    also returns post is undefined. 

这是jsfiddle和代码的相关部分粘贴下面：

EmBlog.PostsNewController = Ember.ObjectController.extend({ 
     content: null 
    }); 

    EmBlog.PostsShowController = 
     Ember.ObjectController.extend({ 
     content: null 
    }); 


    EmBlog.CommentNewController = Em.ObjectController.extend({ 

     needs: ['posts', 'postsShow'],  
     isAddingNew: false, 

     addComment: function(body){ 

      console.log(this.get('controllers.postsShow')); 

      console.log(this.get('controllers.posts')); 

      var post = this.get('controllers.posts.content'); 
       store = post.get('store.transaction'); 

     } 

    }); 

非常感谢

Answer 1

这是因为posts控制器是空的。您正在填写PostIndexController的帖子，而不是PostsController。

检查路由：

EmBlog.PostsRoute = Ember.Route.extend({ 
}); 

EmBlog.PostsIndexRoute = Ember.Route.extend({ 
    model: function(){ 
    return EmBlog.Post.find(); 
    }, 
    setupController: function(controller, model){ 
    controller.set('content', model); 
    } 
}); 

所以，你应该做的任何

needs: ['postsIndex', 'postsShow'] 

然后：

this.get('controllers.postsIndex.content') 

或修复路线：

EmBlog.PostsRoute = Ember.Route.extend({ 
    model: function() { 
    return EmBlog.Post.find(); 
    } 
}); 

EmBlog.PostsIndexRoute = Ember.Route.extend({ 
    model: function(){ 
    return this.modelFor('posts'); 
    }, 
    setupController: function(controller, model){ 
    controller.set('content', model); 
    } 
}); 

Updated fiddle