angular material 2 md-sidenav
。私が何をしても、それは常に左側に来ています。代わりにこれを正しいsidenavに変更するにはどうすればよいですか?
<md-sidenav #sidenavright mode="side" class="app-sidenav" opened="true">
<app-question-rightnav></app-question-rightnav>
</md-sidenav>
さて、それは私が思ったよりも簡単です、愚かな私!!
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>
それ以降のバージョンではposition="end"
に変更されました
例
<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>