Angular - 向仪表板父模块添加侧边栏

Question

我构建了一个仪表板父模块，其中包含 2 个子模块：usersModule 和 statsModule

我想在父模块中显示一个侧边栏以跨子模块导航，但我想避免在每个模块中调用侧边栏。最好的方法是什么？

这是我目前得到的结果

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

谢谢

Answer 1

为此，我个人在我的 Angular2 项目中使用了 Material2 sidenav，效果很好。

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>

这是我如何构建项目的图片。