ember.js - {{partial}} がコントローラーを {{outlet}} と共有しない理由

Question

Ember.js アプリのサイドバーを作成しようとしています。アイデアは、sidebarテンプレートを作成し、閲覧しているルートに応じてそのコンテンツをレンダリングすることです。

テンプレートは次のとおりです。

<script type="text/x-handlebars">
  <div class="col-md-3">
    {{partial sidebar}}
  </div>

  <div class="col-md-9">
    {{outlet}}
  </div>
</script>

<script type="text/x-handlebars" data-template-name="_sidebar">
  <h1>Message: {{msg}}</h1>
  <ul>
    <li>Item number 1</li>
    <li>Item number 2</li>
    <li>Item number 3</li>
  </ul>
</script>

<script type="text/x-handlebars" data-template-name="maincontent">
  Message: {{msg}}
</script>

コントローラーは完全に自明です。

AxpoEM.MaincontentController = Ember.Controller.extend({
  msg: 'Hello world!'
});

を参照すると問題が発生し/maincontentます。テンプレート{{outlet}}が正しく入力され、正しく表示されます。しかし、テンプレートのタグは空です。maincontent{{msg}}{{msg}}_sidebar

Ember のドキュメントには{{render}}、コントローラーを main と共有していると書かれている{{outlet}}ため、何が起こっているのかわかりません。