angular - Angular Material sidenav 错误 : cannot read property of undefined

Question

我正在开发一个 Angular 客户端应用程序，并且我已经在这个应用程序中使用了一些 Material 的功能，例如对话框、选择、卡片等。我想我已经安装了我需要的一切。现在我做了一个sidenav，我想使用material的sidenav模块，所以我做了这样的:

<mat-container>
  <mat-content>
    <div (click)="sidenav.toggle()"></div>
    my component html . . .
  </mat-content>
  <mat-sidenav #sidenav>
    <app-sidenav></app-sidenav>
  </mat-sidenav>
</mat-container>

现在，当我导航到此组件时，我收到错误:

Uncaught (in promise):TypeError: Cannot read property 'runOutsideAngular' of undefined

如果没有该组件，该组件可以正常工作...有人知道可能是什么问题吗？谢谢!

Answer 1

我做了几乎相同的代码，但更改如下:

• <mat-container> => <mat-drawer-container>
• <mat-content> => <mat-drawer-content>
• <mat-sidenav #sidenav> => <mat-drawer #drawer>