Wie man rechte Seite Navbar mit md-sidenav in Angular Material - Angular 2

Question

Ich versuche, "rechts navbar" mit eckigen Material 2 md-sidenav zu erstellen. Egal, was ich tue, es kommt immer links. Wie kann ich das stattdessen in Sitenav ändern?

Answer 1

Okay, es ist einfacher als ich dachte, alberne mich !!

Um md-sidenav auf die rechte Seite auszurichten, fügen Sie einfach align="end" zu md-sidenav Element hinzu.

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