这是小提琴。
http://jsfiddle.net/inconduit/hf7XM/10/
重现问题的步骤:
似乎controllerFor()
返回的控制器引用实际上不是PostsIndexController
?这是为什么?
我在路由的setupController()
钩子中将其入侵,以在App上设置对该控制器的全局引用,当我在emptyList2()
中将该引用上的内容设置为新数组时,列表在模板中正确清除。
我使用controllerFor()
错了吗?还是误解了它的回归?这是一个范围问题吗?请帮帮我。
App.PostsIndexRoute = Ember.Route.extend({
setupController : function(controller,model) {
controller.set('content',['one','two','three']);
App.postsIndexController = controller;
}
});
// receives the {{action}} from the template
App.PostsController = Ember.Controller.extend({
emptyList : function() {
this.controllerFor('postsIndex').set('content',Ember.A());
},
emptyList2 : function() {
App.postsIndexController.set('content',Ember.A());
}
});
答案 0 :(得分:6)
tldr:将controllerFor('postsIndex')
替换为controllerFor('posts.index')
emptyList2 fx正在运行,因为你将App.postsIndexController
常量设置为传递给setupController
的控制器实例。
我认为比如何解决这个问题更重要的是如何调试这些问题。这是我做的:
在运行JS小提琴时打开JS控制台。点击帖子链接但在尝试清空列表之前,我运行了以下内容:
Em.keys(App.__container__.cache.dict)
["application:main", "router:main", "route:application", "route:index", "controller:application", "template:application", "controller:index", "template:index", "route:posts", "route:posts.index", "controller:posts", "template:posts", "controller:posts.index", "template:posts.index"]
然后在单击emptyList操作后,再次尝试:
Em.keys(App.__container__.cache.dict)
["application:main", "router:main", "route:application", "route:index", "controller:application", "template:application", "controller:index", "template:index", "route:posts", "route:posts.index", "controller:posts", "template:posts", "controller:posts.index", "template:posts.index", "controller:postsIndex"]
了解App.PostsIndexController现在有2个缓存实例:controller:postsIndex和controller:posts.index
然后我在jsFiddle中添加了一些console.log来查看正在引用的实例。从那里很容易做出修复。由于Ember为每个对象添加了一个toString()方法,因此很容易看到发生了什么。例如:
controllerFor("postsIndex").toString()
<App.PostsIndexController:ember218>