モジュールのコンポーネントのみにnavbarを追加する

Question

私はAngle 4アプリケーションでフィーチャモジュールを作成しました。このモジュール内のすべてのコンポーネント（唯一）にナビゲーションバーを追加したいと思います。どのようにすべてのコンポーネントでnavbarの同じコードを繰り返さずにそれを達成できますか？

ありがとうございました

Answer 1

navbarとルータのアウトレットのみで「シェル」コンポーネントを構築してください。次に、フィーチャモジュールのコンポーネントをそのルータのアウトレットにルーティングします。

シェルコンポーネントテンプレート：

<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 } 
    ])