在 StackBlitz 中出现 'this._ngZone is undefined' 错误
Getting 'this._ngZone is undefined' error in StackBlitz
我正在尝试 运行 StackBlitz 中的 angular 应用程序。它工作正常,直到我尝试添加 mat-sidenav-container
。然后应用程序开始失败,控制台中显示以下错误:
ERROR Error: this._ngZone is undefined
这里是有问题的 StackBlitz 的 link: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
。
我正在尝试 运行 StackBlitz 中的 angular 应用程序。它工作正常,直到我尝试添加 mat-sidenav-container
。然后应用程序开始失败,控制台中显示以下错误:
ERROR Error: this._ngZone is undefined
这里是有问题的 StackBlitz 的 link: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
。