web-dev-qa-db-fra.com

Comment créer la barre de navigation du côté droit avec md-sidenav dans Angular Material - Angular 2

J'essaie de créer une "barre de navigation droite" avec angular matériau 2 md-sidenav. Peu importe ce que je fais, ça vient toujours à gauche. Comment puis-je changer cela en sidenav droit à la place?

  <md-sidenav #sidenavright mode="side" class="app-sidenav" opened="true">
    <app-question-rightnav></app-question-rightnav>
  </md-sidenav>
angularangular2-templateangular-material2
12
so-random-dude

D'accord, c'est plus facile que je ne le pensais, idiot moi !!

Pour aligner md-sidenav sur le côté droit, ajoutez simplement align="end" à md-sidenav élément.

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

Mise à jour

Il a été remplacé par position="end" dans les versions ultérieures

Exemple

<mat-sidenav #sidenavright position="end">
       Right sideNav
</mat-sidenav>
27
so-random-dude
<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>
7
Kazem