angular - 错误：NG0100：sidenav 角度材料中的 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 也在不同分辨率下按预期关闭和打开。