次のルートで実行される非常に単純な EmberJS アプリがあります。
App.Router.map(function () {
this.resource('index', {path: '/'}, function(){
this.resource('photos');
});
this.resource('about');
});
http://my.localhost/myember/のインデックス ページにアクセスすると、ルート/インデックス ページからの出力h1が表示され、続いて写真リソースのコンテンツがテンプレートの最後に表示されることを期待しています。 {outlet} タグを配置:
<script type="text/x-handlebars" id="index">
<p>My Index Page</p>
{{outlet}}
</script>
ただし、表示されているのはマイ インデックス ページの見出しだけで、写真はありません。/#/photos にアクセスしたときに期待される出力のみが表示されます。
/#/photos ではなくインデックス ページでこの動作が必要な理由