角度2、ルーティング、複数のマスターレイアウト

Question

私はangular2で複数のマスターレイアウトを持つ方法について質問があります。例えば

：私のウェブサイトは最初、2つのセクションを持っているが、フロントエンドである（ユーザーが見ることができる、それは自身のマスターレイアウトを有し、そのURLがhttp://mywebsite.com/..です。）

も、それは管理セクション（これを持っています。独自の個別のレイアウトを持っており、そのURLがhttp://mywebsite.com/admin/..ある）

今の質問は、私がルートとページのテンプレートなどを定義するapp.tsファイルであればということである。

<div> 
    <router-outlet></router-outlet> 
</div> 

その後、私がする必要がありますすべてのレイアウト関連のCOMを配置このhttp://mywebsite.com/customers用（http://mywebsite.com/products）

<my-nav></my-nav> 
<my-sidebar></my-sidebar> 
<div class="content"> 
    <!-- actual content of this component --> 
</div> 
<footer></footer> 

と、再び、同じHTMLマークアップなどの後続のすべての子コンポーネントでponents。

再び私はすべての繰り返しの管理レイアウトの

<my-admin-nav></my-admin-nav> 
... 

が必要になります。

ですから、基本的に私の質問はどうしたらいいですか？またはおそらく私は完全に間違っていると思っている、より良い方向に私を導く。おかげ

Answer 1

は、コンポーネント間の切り替えには、いくつかの方法があります。

1）<my-nav></my-nav>と<my-admin-nav></my-admin-nav>コンポーネントを切り替えることngSwitchを使用してください。 ドキュメント：https://angular.io/docs/ts/latest/api/common/NgSwitch-directive.html

2）私はPlunkerはあなたが達成しようとするものを議論することに役立つだろうと思うViewContainerRef.createComponent()