入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:26:03 | 469 次阅读 | 评论: 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"
});
 

这里告诉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。

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务