angular - 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';