管理控制器之间的依赖关系

在有路由嵌套的情况下，你可能需要在两个不同的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;  

对于这个路由配置生成的路由表请看“{{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未来版本会被组件替代已成必然。

那么下一章将为大伙介绍模型，模型对于Ember来说是一块非常重要的内容，内容也比较多！

转载本站内容时，请务必注明来自W3xue，违者必究。