Angular2の異なるテンプレート

Question

私は新しいAnger2アーキテクチャにちょっと悩まされています。コンポーネントに応じて別のテンプレートを実現したいのです。たとえば、ホームページを閲覧している場合は、ナビゲーションとフッターを私のホームページのテンプレートとして使用して、アカウントページで再利用できます。

それ以外に、私はすべての私/管理者ページで同じ動作をしたいと思います。私はこれを解決するために見つけた唯一の方法は、各テンプレートの1つのコンポーネントを作成することですが、それは少し重いですか？

もっと良い方法がありますか？個々のコンポーネントを作る

Answer 1

AsyncRouteではないのでこれ以上アクセスできない場合、角度2はルーティングシステム内にレイジーローディング機能があります：

これは次のように簡単です：

{ 
    path: 'admin', 
    loadChildren: 'app/admin/admin.module#AdminModule', 
} 

リンク：https://angular.io/docs/ts/latest/guide/router.html#!#lazy-loading-route-config

Answer 2

はを必要なときに、あなたがそれを再利用することができます。
明日はいくつかの動的コンテンツを追加/再生したいので、個々のコンポーネントを作る方がより良い選択になると思います。

でも少し重いですか？ しかし、どの文脈で???

あなたもAsyncRouteに対処し、その場でルートまたはコンポーネント（遅延ロード）を呼び出すことができ、ここで

表情 - http://blog.mgechev.com/2015/09/30/lazy-loading-components-routes-services-router-angular-2/