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

标签 angular angular-material2

我正在开发一个 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

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

最佳答案

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

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

关于angular - Angular Material sidenav 错误 : cannot read property of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51475665/

相关文章:

javascript - 将 JS 文件导入 Ionic/Angular 2

Angular2 单元测试 - 未触发 MdCheckbox 中的更改事件

Angular Material : making a mat-card fill an entire mat-grid-tile

angular - 使用 Angular Material 创建响应式工具栏

angular - 如何为源和接收器下拉列表使用不同的 ckdDragPlaceholders?

angular - 使用 ScrollStrategy 声明式创建 Overlay

Angular Material 2 : use a different font config for headers?

angular - 如何使用angular2从按钮单击父组件到子组件进行通信?

java - Angular 4 http POST 请求到 java Spring Controller

javascript - 跨多个模块共享通用/动态组件