在有路由嵌套的情况下,你可能需要在两个不同的controller之间通信。
按照惯例先做准备工作:
ember g route post ember g route post/comments ember g model post
比如下面的路由设置:
// router.js import Ember from ‘ember‘; import config from ‘./config/environment‘; var Router = Ember.Router.extend({ location: config.locationType }); Router.map(function() { this.route(‘blog-post‘); this.route(‘post‘, { path: ‘/posts/:post_id‘ }, function() { this.route(‘comments‘); }); }); export default Router;
对于这个路由配置生成的路由表请看《mber.js 入门指南——{{link-to}} 助手》。
如果用户访问/posts/1/comments。模型post就会加载到postController,并不会直接加载到commentsController。然后如果你想在一篇post中显示comment信息呢?
为了实现这个功能,可以把postController注入到commentController中。
// app/controllers/comments.js import Ember from ‘ember‘; export default Ember.Controller.extend({ postController: Ember.inject.controller(‘post‘) });
一旦comments路由被访问,postController就会获取控制器对应的model,并且这个model是只读的。为了能获取到模型post还需要增加一个引用postController.model。
// app/controllers/comments.js import Ember from ‘ember‘; export default Ember.Controller.extend({ postController: Ember.inject.controller(‘post‘), post: Ember.computed.reads(‘postController.model‘) });
最后可以直接在comment模板中显示模型post和comment的信息。
<h1>Comments for {{post.title}}</h1> <ul> {{#each model as |comment|}} <li>{{comment.text}}</li> {{/each}} </ul>
有关更多别名的介绍请移步这里查看API文档的介绍。如果你想了解更多关于注入的问题请看这里的教程(新版官网已经没有这个地址的文档了)。
controller这章的内容到此也全部介绍完毕了,只有寥寥的2篇教程,可见controller在ember未来版本会被组件替代已成必然。
那么下一章将为大伙介绍model,model对于Ember来说是一块非常重要的内容,内容也比较多!我回用9篇文章来给你介绍model,从定义到其使用等等内容。
Ember.js 入门指南——管理controller之间的依赖关系
原文:http://my.oschina.net/ubuntuvim/blog/517829