ember.js - Ember.js のアプリケーションで要素をロードする方法

Question

最初の ember アプリケーションを作成しようとしていますが、アプリケーションテンプレートでテンプレートをロードできません。

以下は、私のレイアウトの簡略版です。

    <script type="text/x-handlebars">
     {{outlet}}
    </script>

ページ読み込み時にアウトレットセクションに別のテンプレートを取得するにはどうすればよいですか?

前もって感謝します

たとえば、2 番目のテンプレートが次の場合:

    <script type="text/x-handlebars" id="yellow">
     <p>Something</p>
    </script>

score 0 · Accepted Answer

次のようなルートを作成すると、次のようになります。

App.Router.map(function() {
  this.route('yellow')
});

yellowそして、ルートへの遷移が実行されます。たとえば、{{#link-to 'yellow'}}Yellow{{/link-to}} or changing the url tohttp://www.yourhost.com#/yellow `

ハンドルバーテンプレートは、ルートと同じ名前で dom に追加されます。

<script type="text/x-handlebars" id="yellow">
  <p>Something</p>
</script>

デフォルトroute('index')では、次のようにルーターマッピングに amber を作成します。

App.Router.map(function() {
  this.route('yellow')
  // this.route('index', { path: '/' })
});

したがって、インデックステンプレートの作成は機能します。

<script type="text/x-handlebars" id="index">
 Welcome
</script>

ユーザーが urlhttp://www.yourhost.comに移動すると、が表示されますWelcome。

2 に答える 2