Angular Sidenav 材质容器的内容不渲染

Question

我正在尝试在我的项目中使用有角度的材质 sidenav，但是当我将它添加到项目中时，它会导致整个页面为空白（白色），并且当我检查 DOM 时，mat-sidenav-container 内的任何内容都没有呈现.我确信无论我在做什么或不做什么都非常简单。我已经在我的项目中成功使用了其他角度材料（即工具栏）。

https://stackblitz.com/edit/angular-ivy-bcujpz?file=src%2Fapp%2Fhello.component.ts

Answer 1

您需要在您的应用模块中导入BrowserAnimationsModule，它会按预期呈现。

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';