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