ember.js connectControllers()

Question

如果您有两个不同的页面(称为主页和帖子),它们共享ALMOST完全相同的内容和功能,那么将一个页面绑定到另一个页面的最佳方法是什么？

在这个小提琴中,我通过直接在路由器中设置一个视图的内容与另一个视图的内容相关联,如下所示:

Router: Ember.Router.extend({
 root: Ember.Route.extend({

     //transitions 

      home: Ember.Route.extend({
          route: '/',
          connectOutlets: function(router) {    
               var posts = router.get('postsController.content');                              
               router.get('homeController').set('content', posts);
               router.get('applicationController').connectOutlet('home');
          },
      }),

    //posts and other states
  })
})

但是:如果帖子内容确实如此,我真的不需要主页内容即时更新,但如果我这样做了,不是吗？

还有什么其他方式？是否可以使用connectControllers()然后使用WHERE？这是我失败的尝试:另一个小提琴

home: Ember.Route.extend({
     route: '/',
     connectOutlets: function(router) {                                            
         router.get('homeController').connectControllers('posts');                          
         router.get('applicationController').connectOutlet('home');
      },                    
})

Answer 1

你可以使用template帮助器.

<script type="text/x-handlebars" data-template-name="posts">
  <div class="right"><h2>posts page</h2>
    {{template "posts-details"}}
  </div>            
</script>

<script type="text/x-handlebars" data-template-name="posts-details">
  {{#each post in content}} 
    <article>                                   
      <h3><a {{action "doPost" context="post"}} {{bindAttr id="post.id"}}>{{post.title}}</a></h3>
      <p>{{post.date}}</p>
    </article>
  {{/each}}
</script>

看看你的更新小提琴