Angular Material Sidenav 组件

Angular Material 的 Sidenav 组件是一个侧边栏，可以用于导航或显示其他相关内容。它提供了一种优雅的方式来在应用程序中添加侧边导航。

功能

响应式设计：Sidenav 组件可以根据屏幕大小自动调整其宽度。
内容可折叠：可以折叠和展开侧边栏内容。
多级导航：支持多级嵌套的导航菜单。

示例

以下是一个简单的 Sidenav 组件示例：

<md-sidenav #sidenav mode="over" align="start">
  <md-list>
    <md-list-item>
      <a md-button (click)="close()">首页</a>
    </md-list-item>
    <md-list-item>
      <a md-button (click)="close()">关于我们</a>
    </md-list-item>
    <md-list-item>
      <a md-button (click)="close()">联系方式</a>
    </md-list-item>
  </md-list>
</md-sidenav>

相关链接

Sidenav Example