ember.js - Ember.js 的多列布局

Question

我想根据当前路线创建一个具有不同列布局的站点。

我基本上是通过预先调用具有相应布局的适当布局控制器中的每条路由来实现的。

<script type="text/x-handlebars" data-template-name="application">
    <div class="container">
        {{outlet}}
    </div>
</script>

<script type="text/x-handlebars" data-template-name="twocolumns">

  <div class="row">
    <div class="span8">
        {{outlet main}}
    </div>
    <div class="span4">
        {{outlet sidebar}}
    </div>
  </div>


</script>

<script type="text/x-handlebars" data-template-name="home">
    <h1>Home</h1>
</script>

<script type="text/x-handlebars" data-template-name="sidebar">
    <h1>Sidebar</h1>
</script>


  home: Ember.Route.extend({
    route: '/',
    connectOutlets: function(router, event) {
        router.get('applicationController').connectOutlet('twocolumns');
        router.get('twocolumnsController').connectOutlet('main', 'home');
        router.get('twocolumnsController').connectOutlet('sidebar', 'sidebar');
    }
  }),

是否有更好的方法，例如扩展具有不同布局的 Route 类？