如何检查 mat-sidenav 的角度是打开还是关闭？

Question

我正在尝试根据关闭或打开 mat-sidenav 更改 mat-icon 的图标，但无法找到 sidenav 是否打开或关闭，下面是我的代码

<mat-sidenav appResponsiveMenu mode="side" opened>
        my menu items list
</mat-sidenav>

这是切换按钮

<button mat-icon-button (click)="sidenav.toggle()">
   <mat-icon *ngIf="sidenav">keyboard_arrow_left</mat-icon>
   <mat-icon *ngIf="!sidenav">keyboard_arrow_right</mat-icon>
</button>

.ts 代码

  @ViewChild(MatSidenav)
  sidenav!: MatSidenav;

Answer 1

mat-sidenav 组件已打开输入属性，我们可以使用它来检查 sidenav 是否打开

   <button mat-icon-button (click)="sidenav.toggle()">
       <mat-icon *ngIf="sidenav.opened">keyboard_arrow_left</mat-icon>
       <mat-icon *ngIf="!sidenav.opened">keyboard_arrow_right</mat-icon>
    </button>