错误：NG0100：sidenav angular 材料中的 ExpressionChangedAfterItHasBeenCheckedError

Question

我有下一个代码：

 <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 中的链接在这里

Answer 1

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