角度2のプロジェクトでレイアウトを作成

Question

こんにちは私は角度2のプロジェクトを作成しています。私は、ログインレイアウト、ホームレイアウト、ログインしたすべてのユーザーのレイアウトのような、

私のプロジェクトではこのことを達成できません。今では、モジュールを何度も何度も繰り返し使用される異なるコンポーネントに分けることによって、各コンポーネントのページを作成しました。

誰もが私たちが

CakePHPの

に持っているように、ルートの変更を伴うデータのセットを変更すると、ちょうどすべてのstuffsをインポートするためのレイアウトを作成するために私を助けることができます。

レイアウトログイン

なし

<div> 
    <app-header-before-login> </app-header-before-login> 
    <app-body> </app-body> 
    <app-footer></app-footer> 
</div> 

<div> 
    <app-header> </app-header> 
    <app-body> </app-body> 
    <app-footer></app-footer> 
</div> 

ログイン後APP-体の含有量は、ルートどおり成分から引かれます。私はちょうど各コンポーネントにこれらのhtmlを書いたくありません。

Answer 1

コンポーネントを切り替えるには、多くの方法があります。

1. <app-header></app-header>と <app-header-before-login></app-header-before-login>コンポーネントを切り替えることたとえばngSwitchのために使用しますが。

2. 使用ViewContainerRef.createComponent()