发布于 2015-08-18 16:26:03 | 522 次阅读 | 评论: 0 | 来源: 网络整理
有时候,特别是在嵌套资源时,可能需要为两个控制器建立某种联系。以下面的路由为例:
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"
});
|
这里告诉Ember,CommentsController应该能通过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。