Comment créer Droite Navbar avec md-sidenav Angulaire du Matériel - Angulaire 2

Je suis en train de créer "droit de la barre de navigation" angulaire matériel 2 md-sidenav. Peu importe ce que je fais, c'est toujours à venir sur la gauche. Comment puis-je changer cela à droite sidenav à la place?

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

OriginalL'auteur so-random-dude | 2017-03-02

  1. 24

    Bon, c'est plus facile que je pensais, je suis bête!!

    Pour aligner md-sidenav à droite, il suffit d'ajouter 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 changé de position="end" dans les versions ultérieures

    Exemple

    <mat-sidenav #sidenavright position="end">
       Right sideNav
</mat-sidenav>
    Mise à jour: Ce devrait être position="end" maintenant
    Merci. J'ai mis à jour la réponse

    OriginalL'auteur so-random-dude

  2. 6
    <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>

    OriginalL'auteur Kazem