错误：NG0100：sidenav 角度材料中的 ExpressionChangedAfterItHasBeenCheckedError答案

【问题标题】：Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError in the sidenav angular material错误：NG0100：sidenav 角度材料中的 ExpressionChangedAfterItHasBeenCheckedError
【发布时间】：2021-07-22 02:30:40
【问题描述】：

我有下一个代码：

 <mat-sidenav #sidenav                 
                 [fixedInViewport]="false"
                 [opened]="opened"
                 mode="side"
                 fxFlex="none"
                 [style.position]="sidenav.mode !== 'push' && sidenav.opened  ? 'relative' : 'absolute'"
                 style="width: 25rem;"
                  >

此表达式发生错误：[style.position]="sidenav.mode !== 'push' && sidenav.opened ? 'relative' : 'absolute'":

错误：NG0100：ExpressionChangedAfterItHasBeenCheckedError：表达式在检查后已更改。以前的值：“绝对”。当前值：“相对”。

如果我输入opened，则不会发生错误，但是默认情况下我无法在响应中关闭菜单。

stackblitz 中的链接是here

【问题讨论】：

blog.angular-university.io/angular-debugging 我觉得这篇文章非常适合调试这个问题。
你能发送一个链接到发生错误的repo或stackblitz吗？因为我无法复制它
@officialMKL 这里是链接：stackblitz.com/edit/angular-ivy-9nhmdw?file=src/app/…

标签： angular angular-material mat-sidenav

【解决方案1】：

在您的示例中，我从表达式中删除了sidenav.opened，然后错误就没有出现。 Sidenav 也在不同分辨率下按预期关闭和打开。

【讨论】：

我需要检查我的应用程序，因为当我删除 sidenav.opened 时，sidenav 的功能推送无法正常工作。内容放在sidenav下。