angular - Material Sidenav 没有动画

Question

我有一个mat-sidenav设置：

<mat-sidenav-container>
  <mat-sidenav opened mode="side" #sideNav>
    <app-sidenav-header (triggerSidenav)="triggerSidenav($event)"></app-sidenav-header>
  </mat-sidenav>
  <mat-sidenav-content>
    <app-header></app-header>

    <div class="main-content">
      <router-outlet></router-outlet>
    </div>
  </mat-sidenav-content>
</mat-sidenav-container>

并触发切换：

  triggerSidenav(event) {
    this.sideNav.toggle();
  }

sidenav 将关闭，但没有动画，mat-sidenav-content也不会改变宽度。

我的文件中已import { BrowserAnimationsModule } from '@angular/platform-browser/animations';导入app.module.ts。

MyMatSidenavModule是mat-component.module共享文件夹中文件的一部分。我也将其导入到我的app.module文件中。

标签： angularangular-material

Answer 1

我不得不更新材料版本。我的应用是 Anguar v9，Material 是 v6。