小编Car*_*l.G的帖子

如何设置Angular 6 Material sidenav从屏幕右侧从右向左打开

这是在Sidenav的角度材质中使用的代码示例.我在我的页面上使用这个相同的例子.但是,我可以找到任何说明如何从屏幕右侧从左到右打开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>
Run Code Online (Sandbox Code Playgroud)

html css typescript angular-material angular6

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular-material ×1

angular6 ×1

css ×1

html ×1

typescript ×1