Cómo crear una barra de navegación del lado derecho con md-sidenav en material angular – angular 2

Solución:

De acuerdo, es más fácil de lo que pensaba, ¡tonta de mí!

Para alinear md-sidenav al lado derecho, simplemente agregue align="end" para md-sidenav elemento.

  <md-sidenav align="end" #sidenavright mode="side" class="app-sidenav" opened="true">
    <app-question-rightnav></app-question-rightnav>
  </md-sidenav>

Actualizar

Ha cambiado a position="end" en las versiones posteriores

Ejemplo

<mat-sidenav #sidenavright position="end">
       Right sideNav
</mat-sidenav>

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

---

---

Utiliza Nuestro Buscador