Angular Material sidenav错误：无法读取未定义的属性

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>

现在，当我导航到该组件时，我得到一个错误：

未捕获（承诺）：TypeError：无法读取未定义的属性“ runOutsideAngular”

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

Answer 1

我做了几乎相同的代码，但按如下所示更改了它们：

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