在ember v2路由器中为什么不是controllerFor()给出这个控制器的引用?

时间:2013-01-17 18:11:19

标签: ember.js ember-router

这是小提琴。

http://jsfiddle.net/inconduit/hf7XM/10/

重现问题的步骤:

  • 点击“转到帖子”。
  • 单击“controllerFor”文本,它不会清除列表。
  • 单击全局参考文本,将清除列表。

似乎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());
  }  
});

1 个答案:

答案 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>

此处更新了小提琴:http://jsfiddle.net/mgrassotti/Aa2WX/2/