我在我的 Angular 应用程序中做了一个加载微调组件。我用 *ngIf="isLoading" 将它放在路由器出口旁边的应用程序组件中，这样我就可以让它在应用程序的任何地方都可见。
'isLoading' 布尔值正在使用 ngrx 的商店进行全局更新。
现在我有一个错误说
错误：ExpressionChangedAfterItHasBeenCheckedError：检查后表达式已更改。以前的值：'ngIf: true'。当前值：'ngIf：false'
我一直在阅读有关此错误的信息，结论是：不要更改更深层次的子组件的参数值。
那么如何在不重复我的应用程序中的代码并且不导致更改检测错误的情况下制作加载微调器呢？
我正在使用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”
如果没有该组件，该组件就可以正常工作……有人知道这可能是什么问题吗？谢谢！