如何解决在 StackBlitz 中获取“this._ngZone 未定义”错误
我正在尝试在 StackBlitz 中运行一个有角度的应用程序。它工作正常,直到我尝试添加 mat-sidenav-container
。然后应用程序开始失败,控制台中显示以下错误:
ERROR Error: this._ngzone is undefined
以下是相关 StackBlitz 的链接:https://stackblitz.com/edit/angular-7cazwh?file=src%2Fapp%2Fapp.component.html
这是HTML代码。如果我注释掉指定的部分,它就会起作用。我如何让它工作?谢谢。
<div class="main-div">
<mat-toolbar color="primary" class="app-header">
<button mat-icon-button (click)="toggleSidenav()">
<mat-icon>menu</mat-icon>
</button>
<span>Config</span>
<span class="spacer"></span>
<button mat-icon-button>
<mat-icon>account_circle</mat-icon>
</button>
<span>Admin</span>
</mat-toolbar>
<!-- NOTE: the app works when I comment out mat-sidenav-container below -->
<mat-sidenav-container class="app-sidenav">
<mat-sidenav #sidenav mode="side" opened="true" class="sidenav" fixedInViewport="false">
<mat-list>
<mat-list-item>
<mat-icon matListIcon>people</mat-icon>Users
</mat-list-item>
<mat-list-item>
<mat-icon matListIcon>devices_other</mat-icon>Devices
</mat-list-item>
</mat-list>
</mat-sidenav>
<mat-sidenav-content>
<p style="margin:20px">Todo: mat-sidenav-content</p>
</mat-sidenav-content>
</mat-sidenav-container>
</div>
解决方法
这似乎是 Angular 和 Material 的一个错误,它仍然是 unsolved。
将 mat-sidenav
更改为 mat-drawer
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。