Angular 错误：NG0100:ExpressionChangedTerithasBeenCheckedError在sidenav角材质中

我有下一个代码：

 <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！=”推送“&&sidenav.opened？”相对“：”绝对“

：

错误：NG0100:ExpressionChangedTerithasBeenCheckedError:Expression在检查后已更改。上一个值：“绝对”。当前值：“相对”

如果我将

打开

，则不会发生此错误，但在默认情况下，我无法在响应中关闭菜单

---

stackblitz中的链接是

在您的示例中，我已经从表达式中删除了

sidenav.opened

，然后错误就不会出现了。Sidenav也在以不同的分辨率按预期关闭和打开。

我发现这篇文章在调试这个问题上非常好。你能发送一个链接到发生错误的回购或stackblitz吗？因为我不能复制it@officialMKL这里是链接：我需要查看我的应用程序，因为当我删除sidenav.opened时，sidenav的功能push无法正常工作。内容放在sidenav下。