材料2 - md-sidenav不能从右到左打开

Question

我希望侧面导航从右到左打开。我使用了align属性并将其设置为＆＃34; rtl＆＃34;但它不起作用。

<md-sidenav-container class="example-container">
  <div class="example-sidenav-content">
    <button type="button" md-button (click)="sidenav.open()">
      Open sidenav
    </button>
  </div>
  <md-sidenav align="rtl" #sidenav class="example-sidenav">
    Jolly good!
  </md-sidenav>
</md-sidenav-container>

链接：https://material.angular.io/components/sidenav/overview

Answer 1

align将'start'或'end'作为值。改变你的html t0：

<md-sidenav align="end" #sidenav class="example-sidenav">
    Jolly good!
</md-sidenav>

PLUNKER DEMO HERE