![](/img/trans.png)
[英]How do I open a Materialize SideNav on the right, instead of the left?
[英]How can I set Angular 6 Material sidenav to open right to left from the right side of the screen
这是在 Sidenav 的 angular Material 中使用的代码示例。 我在我的页面上使用了这个非常相同的例子。 但是,我可以找到有关如何从屏幕右侧从左到右打开 sidenav 的任何说明。 有人知道怎么做吗?
<mat-sidenav-container class="example-container">
<mat-sidenav #sidenav mode="side" [(opened)]="opened" (opened)="events.push('open!')"
(closed)="events.push('close!')">
Sidenav content
</mat-sidenav>
<mat-sidenav-content>
<p><mat-checkbox [(ngModel)]="opened">sidenav.opened</mat-checkbox></p>
<p><button mat-button (click)="sidenav.toggle()">sidenav.toggle()</button></p>
<p>Events:</p>
<div class="example-events">
<div *ngFor="let e of events">{{e}}</div>
</div>
</mat-sidenav-content>
</mat-sidenav-container>
您可以使用输入指令position="end"
从 mat-drawer 的右侧打开。
例如:
<mat-drawer position="end">
我曾尝试添加position="end"
以使其工作,但没有。
对于任何迷失的绝望灵魂,请尝试添加style.position="absolute"
并将您的.sidenav
设置为已left: calc(100% - 200px);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.