在 app.component.ts 中检查错误后，角度 4 表达式已更改

Question

我在应用程序内部某处注销后收到ExpressionChangedAfterItHasBeenCheckedError. Expression has changed after it was checked. Previous value: 'true'. Current value: 'false'. 错误，并且app.component.ts 中的front getter 在其视图中发生变化。

另外，如果我启用生产模式，错误不会出现！无论如何，这一切都有效，但我不想看到错误。

app.component.html

<div class="col-xs-12" [class.space]="!front">
            <router-outlet></router-outlet>
        </div>

app.component.ts

get front() {
        if (localStorage.getItem("user") === "\"admin\"") {
            return false;
        }
        return true;
    }

Answer 1

像这样将整个代码放在setTimeout 中

get front() {
  return new Promise(resolve => setTimeout(() => {
    if (localStorage.getItem("user") === "\"admin\"") {
      resolve(false);
    }
    resolve(true);
  }, 200));
}