返回介绍

控制器 - 管理控制器间的依赖

发布于 2020-02-21 15:48:03 字数 2015 浏览 971 评论 0 收藏 0

英文原文: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。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文