angular - 如何在 Angular Material - Angular 2 中使用 md-sidenav 创建右侧导航栏

Question

我正在尝试使用 Angular Material 2 md-sidenav 创建“右导航栏”。不管我做什么，它总是从左边来。我怎样才能将其更改为右侧 sidenav？

  <md-sidenav #sidenavright mode="side" class="app-sidenav" opened="true">
    <app-question-rightnav></app-question-rightnav>
  </md-sidenav>

Answer 1

好吧，这比我想象的要容易，傻我!!

要将 md-sidenav 对齐到右侧，只需将 align="end" 添加到 md-sidenav 元素即可。

  <md-sidenav align="end" #sidenavright mode="side" class="app-sidenav" opened="true">
    <app-question-rightnav></app-question-rightnav>
  </md-sidenav>

更新

在以后的版本中改为position="end"

示例

<mat-sidenav #sidenavright position="end">
       Right sideNav
</mat-sidenav>