6

だから私は次のようなページを持っています

[ Nav Bar ]

|         |
| Content |
|         |

すべてのページで一定にしたいナビゲーションバー。したがって、私が使用したアプローチは、次のようにページを設定することでした。

[ Nav Bar ]

{{outlet}}

これは素晴らしいことです。さまざまなルートのアウトレットにさまざまなページをレンダリングできるようになりました。

しかし、ホームページのアウトレットにデフォルトのテンプレートをレンダリングしたい場合はどうすればよいでしょうか?

/にリダイレクトすることでこれを達成できましたが、再ルーティングせず/homeにデフォルトのホームページをレンダリングできるようにする、より良い方法が必要ですか?/

アドバイスをいただければ幸いです。

ありがとう、ダニエル

4

3 に答える 3

0

ドキュメントの次のステートメントは、質問に記載されているのとまったく同じ問題を解決するのに役立ちました: Ember routing docs

インデックス テンプレートは、アプリケーション テンプレートの {{outlet}} にレンダリングされます。ユーザーが /favorites に移動すると、Ember はインデックス テンプレートをお気に入りテンプレートに置き換えます。

プロジェクトで Pod 構造を使用しているため、デフォルト テンプレートを持つインデックス ルートを作成し、nav-bar コンポーネントを application/template.hbs ファイルに配置しました。

アプリ/アプリケーション/template.hbs:

<div id="pageWrapper">
    <div id="navbarfixed">{{nav-bar options=options}}</div>
    <div id="pageContent">
        {{outlet}}
    </div>
</div>

アプリ/インデックス/template.hbs

<div id="homeWrapper"> <!--This gets rendered by default in outlet above-->
Some default content of outlet
</div>
于 2016-08-15T08:03:33.573 に答える