2017-05-02 2 views
1

목표는 하나의 라우터가있는 모든 다른 탐색 경로에서 단일 라우터 출구 및 전통적인 레이아웃 (머리글, 몸체, 바닥 글)이있는 단일 페이지 스타일 홈 페이지를 만드는 것입니다. 다른 모든 경로의 콘센트. 내 홈 페이지 내에서 머리글과 바닥 글에 빈 구성 요소를 사용할 수없는 이유는 내 홈 페이지에 fullpage.js를 사용하려는 Beacause이며 매우 엄격한 레이아웃 요구 사항을 갖고 있기 때문입니다. 홈 페이지 및 기타 응용 프로그램의 중간 부분으로 사용할 경로를 갖고 싶습니다. (: 제품 페이지)각도 2에 중간 경로를 만드는 방법이 있습니까

site layout

답변

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> 

및 구성 요소 중 하나 내부 :

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

어쩌면이 링크는 도움이 될 수 : https://scotch.io/tutorials/angular-2-transclusion-using-ng-content