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