Gibt es eine Möglichkeit, eine intermediate Route in angular 2

Question

Mein Ziel ist es, eine einzelne Seite Stil Homepage mit einzelnen Router-Outlet und traditionelles Layout (Header, Körper, Fuß) in jeder anderen Navigationsroute mit einem Router haben- Outlet in jeder anderen Route. Der Grund, warum ich nicht einfach eine leere Komponenten für Kopf- und Fußzeile auf meiner Homepage haben kann, ist, weil ich Fullpage.js für meine Homepage verwenden möchte und es hat eine sehr strenge Layout-Anforderungen. Ich möchte eine Route haben, die als Zwischenstation zwischen der Startseite und anderen Teilen der Anwendung dienen würde. Und entziehen die hässlichen URLs wie/app (Seite: Produkte)

Answer 1

Wie wäre es Ihnen eine Fabrik erstellen und verwenden Winkeleinbindung ng-Gehalt verwendet wird.

Ihr Werk Beispiel:

<div class="factory-container"> 
    <factory-header> 
     <ng-content select="header"></ng-content> 
    </factory-header> 
    <div class="factory-section"> 
     <router-outlet></router-outlet> 
    </div> 
    <factory-footer> 
     <ng-content select="footer"></ng-content> 
    </factory-footer> 
    </div> 

und dann in einem Ihrer Komponente:

<factory> 
    <header> 
    YOUR CONTENT LOGIC 
    </header> 
    <footer> 
    YOUR CONTENT LOGIC 
    </footer> 
</factory> 

vielleicht könnte dieser Link helfen: https://scotch.io/tutorials/angular-2-transclusion-using-ng-content