Erstellen von Layouts in Angular 2 Projekten

Question

Hallo ich bin ein Projekt mit eckigen 2. Ich möchte eine Reihe von Layouts für meine Module wie ein Login-Layout, Home-Layout und ein Benutzer-Layout für jeden, der angemeldet haben

Ich kann dieses Ding in meinem Projekt nicht erreichen. Im Moment habe ich eine Seite für jede Komponente erstellt, indem ich Module in verschiedene Komponenten aufgeteilt habe, die immer wieder verwendet werden.

Kann mir jemand ein Layout erstellen helfen, wie wir in

haben CakePHP

für alle Stoffe einmal importieren und nur einen Satz von Daten mit der Änderung der Route ändern.

Layout ohne Login

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

Nach der Anmeldung

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

app Körpergehalt wird aus Komponenten wie pro Route gezogen werden. Ich will nur nicht diese HTML in jeder Komponente schreiben.

Answer 1

Es gibt viele Möglichkeiten zwischen den Komponenten zu wechseln:

1. Verwendung zum Beispiel ngSwitch zwischen den <app-header></app-header> und <app-header-before-login></app-header-before-login> Komponenten zu wechseln.

2. Verwenden ViewContainerRef.createComponent()