角度2で中間経路を作成する方法はありますか？

Question

私の目標は、1つのルータ出口を持つ1つのページスタイルのホームページと、それ以外のすべてのナビゲーションルートの伝統的なレイアウト（ヘッダ、ボディ、フッタ）他のすべてのルートにあるコンセント。 私のホームページにヘッダーとフッターの空のコンポーネントを置くことができない理由は、私のホームページにfullpage.jsを使用したいと思うので、非常に厳しいレイアウト要求があります。 私は、ホームページとアプリケーションの他の部分との間の中間的な役割を果たすルートを持っていたいと思います。

Answer 1

どのようにあなたについてファクトリを作成し、NG-コンテンツを使用して、角度トランスクルーを使用しますと/アプリ（製品ページ）のような醜いURLを使用して回避。

あなたの工場の例は：

<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> 

、その後、あなたのコンポーネントの1内側：

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

多分このリンクを助けることができる：https://scotch.io/tutorials/angular-2-transclusion-using-ng-content