Материал Сиденав не оживляет

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.

Мой MatSidenavModule является частью файла mat-component.module в общей папке. Я импортировал это и в мой app.module файл.

Answer 1

Мне пришлось обновить версию материала. Мое приложение - Anguar v9, а Material v6.