Angular Sidenav material 容器的内容不呈现

Question

我正在尝试在我的项目中使用 angular material sidenav，但是当我将它添加到项目中时，它会导致整个页面为空白（白色），而当我检查 DOM 时什么也没有渲染 mat-sidenav-container 的内部。我确信无论我在做什么或不在做什么都很简单。我已经在我的项目中成功使用了其他 angular materials（即工具栏）。

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

Answer 1

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

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