錯誤：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 也在不同分辨率下按預期關閉和打開。