材质2 - md-sidenav无法从右向左打开

Question

我希望侧导航从右向左打开。我使用了align属性并将其设置为“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> 

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

Answer 1

align采取 '开始' 或 '结束' 作为值。改变你的HTML T0：

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

PLUNKER DEMO HERE