在 EmberJS 路由器中使用绑定？

Question

我正在使用 Ember.Router，但我不知道如何将对象绑定到路由器正在实例化的控制器。

例如，这是一个控制器类（扩展），路由器将为特定路由（“页面”）实例化，以及一个控制器对象（创建），例如处理部分用户管理任务路由器外的应用程序：

// controller used by Router to render the "page" route
App.PageController = Em.ObjectController.extend({
    content: Em.Object.extend({
        foo: 'bar'
    })
});

// global controller for users
App.usersController = Em.ObjectController.extend({
    content: Em.Object.extend({
        fooBinding: App.PageController.foo
        // the above will not work since Em.Router
        // instantiates the page controller dynamically
    })
});

所以当路由器加载时，它会将 App.PageController 实例化为 App.router.pageController，但那是在 App.usersController 已经创建之后。那么 App.usersController 如何访问 Router 管理的控制器中的数据呢？

有什么想法吗？

Answer 1

您的示例中有一些错误。

首先，您永远不应该在声明时直接使用 Object 值设置属性：该值将在类的所有实例之间共享。在这里，它真的很重要，但这是一种不好的做法。在这种情况下，设置 PageController 内容的好方法是将其绑定到路由器中，在 connectOutlet 调用处，如下所示：

connectOutlets: function (router) {
  var theContainerController = router.get('theContainerController'),
      objectWithFooBar = Ember.Object.create({
    foo: 'bar'
  });
  theContainerController.connectOutlet('page', objectWithFooBar);
}

第二个错误是usersController的命名：它应该是UsersController，因为它是一个类，在initialize调用过程中将作为usersController注入路由器。让用户多元化和 ObjectController 似乎也很奇怪。当然应该单数化...

最后，当然也是关于这个问题最有趣的是，一旦你应用了前面的注释，你将能够使用以下方法设置绑定：

App.UserController = Em.ObjectController.extend({
  fooBinding: 'App.router.pageController.foo'
});

App.router 可以在您致电App.initialize 之前设置。让UserController 使用全局符号直接访问PageController 绝对是一个糟糕的耦合，但它在您的情况下可以完成这项工作。

一个绝对更好的解决方案是在connectOutlet 调用中绑定UserController 的内容。