모듈 구성 요소에 대해서만 navbar 추가

Question

각도 4 애플리케이션에 피쳐 모듈을 만들었으므로이 모듈 내부의 모든 구성 요소에만 navbar를 추가하고 싶습니다. 어떻게하면 모든 구성 요소에서 동일한 navbar 코드를 반복하지 않고도이를 수행 할 수 있습니까?

고맙습니다.

Answer 1

네비게이션 바 및 라우터 출력 단자만으로 "셸"구성 요소를 만드십시오. 그런 다음 기능 모듈 구성 요소를 해당 라우터 콘센트로 라우팅합니다.

쉘 구성 요소 템플릿 :

는

<pm-menu></pm-menu> 

<div class='container'> 
    <router-outlet></router-outlet> 
</div> 

경로 구성 :

RouterModule.forRoot([ 
     { 
      path: '', 
      component: ShellComponent, 
      children: [ 
       { path: 'welcome', component: WelcomeComponent }, 
       { path: 'customers', component: CustomerComponent }, 
       { path: 'products', component: ProductComponent }, 
       { path: '', redirectTo: 'welcome', pathMatch: 'full' }, 
      ] 
     }, 
     { path: '**', component: PageNotFoundComponent } 
    ])