问如何在同一侧面使用多角度材料sideNav棒？

EN

<mat-drawer-container class="example-container" autosize>
  <div class="container">
    <div class="actions">
      <div (click)="drawer1.toggle()"></div>
      <div (click)="drawer2.toggle()"></div>
      <div (click)="drawer3.toggle()"></div>
      <div (click)="drawer4.toggle()"></div>
      <div (click)="drawer5.toggle()"></div>
    </div>

    <div class="content">
      <mat-drawer #drawer1 class="example-sidenav" mode="over">
        <p>A</p>
      </mat-drawer>

      <mat-drawer #drawer2 class="example-sidenav" mode="over">
        <p>B</p>
      </mat-drawer>

      <mat-drawer #drawer3 class="example-sidenav" mode="over">
        <p>C</p>
      </mat-drawer>

      <mat-drawer #drawer4 class="example-sidenav" mode="over">
        <p>D</p>
      </mat-drawer>

      <mat-drawer #drawer5 class="example-sidenav" mode="over">
        <p>E</p>
      </mat-drawer>
    </div>
  </div>
</mat-drawer-container>

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: unset !important;
}

.mat-drawer { //locate the side bar under the button
  z-index: -1 !important;
  width: 90%;
}

.mat-drawer-inner-container { //make the container text 
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 140px;
}