Angular - добавление боковой панели к родительскому модулю панели мониторинга

Question

Я создал родительский модуль приборной панели, который содержит 2 подмодуля: usersModule и statsModule

Я хотел бы отобразить боковую панель внутри родительского модуля для навигации по подмодулям, но я хочу избегать вызова боковой панели в каждом модуле. Каков наилучший способ сделать это?

вот что я получил до сих пор

# dashboardModule
    statsModule
        containers
        components
    usersModule
        containers
        components
    sharedModule
        services
        guards
        pipes
// other stuff
# homeModule
# eventsModule

спасибо

Answer 1

Я лично использовал sidenav Material2 в моем проекте Angular2, отлично работал.

https://material.angular.io/components/sidenav/overview

** думаю, я должен расширить ** Я использовал его как div «обертки» в моем родительском компоненте, который вызывал все мои дочерние компоненты из этой обертки.

поэтому в моем случае у меня был компонент "sidenav", который был моим родителем, и все другие дочерние компоненты были вызваны / обработаны в этом представлении.

пример кода

<mat-sidenav-container>
  <mat-sidenav>
  </mat-sidenav>
  <Component-selector></Component-selector>
  //or you can place your router outlet here if your using a router
  <router-outlet></router-outlet>
</mat-sidenav-container>

вот изображение того, как я структурирую свой проект.