如何用角度材质中的md-sidenav创建右侧导航栏 - 角度2

Question

我正尝试用角度材质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> 

Answer 2

<mat-sidenav-container> 

    <mat-sidenav #right position="start"> 
     Start Sidenav. 
    </mat-sidenav> 

    <mat-sidenav #left position="end"> 
     End Sidenav. 
    </mat-sidenav> 

<div> 
    <button mat-button (click)="right.open()">right</button> 
    <button mat-button (click)="left.open()">left</button> 
</div> 

</mat-sidenav-container>