Material 2 - md-sidenav 没有从右向左打开

Question

我希望侧边导航从右向左打开。我使用对齐属性并将其设置为 "rtl" 但它不起作用。

<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>

Link: 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

Material 2 - md-sidenav 没有从右向左打开

Material 2 - md-sidenav not opening from right to left

angular-material

angular-material2

angular