管理控制器间的依赖 编辑页面


英文原文:http://emberjs.com/guides/controllers/dependencies-between-controllers/

有时候,特别是在嵌套资源时,可能需要为两个控制器建立某种联系。以下面的路由为例:

1
2
3
4
5
App.Router.map(function() {
  this.resource("post", { path: "/posts/:post_id" }, function() {
    this.resource("comments", { path: "/comments" });
  });
});

如果访问/posts/1/comments这个URL,Post模型会被设置为PostController的模型,其不可以在CommentsController中直接引用。然而又需要在comments模板中显示一些与其相关的信息。

为了实现这个功能,可以在CommentsController中声明其需要一个代表Post模型的PostController

1
2
3
App.CommentsController = Ember.ArrayController.extend({
  needs: "post"
});

这里告诉EmberCommentsController应该能通过controllers.post来访问其父控制器PostController。(在模板和控制器中均可访问)。

1
2
3
4
5
6
7
<h1>Comments for {{controllers.post.title}}</h1>

<ul>
  {{#each comments}}
    <li>{{text}}</li>
  {{/each}}
</ul>

通过创建一个别名属性,可以提供一种更为简便的方式来访问PostController(因为PostController是一个ObjectController,这里并不直接需要一个Post实例)。

1
2
3
4
App.CommentsController = Ember.ArrayController.extend({
  needs: "post",
  post: Ember.computed.alias("controllers.post")
});

如果希望连接多个控制器,那么可以使用数组来指定控制器的名称:

1
2
3
App.AnotherController = Ember.Controller.extend({
  needs: ['post', 'comments']
});

更多关于别名属性的信息,请查看aliased properties API。