次のルートで実行される非常に単純な 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 ではなくインデックス ページでこの動作が必要な理由