更新组件成员不会刷新 Angular 中的视图

Question

我使用Angular 9.17 并且我有一个按钮，它执行一个函数来在组件中设置一个布尔值。在我的 HTML 模板中，我有一个基于此布尔值的 *ngIf 条件，但视图不会更新。谁能解释一下为什么 Angular 没有检测到这种变化？

@Component({ selector: 'app', templateUrl: 'app.component.html' })
export class AppComponent {
    loggedIn: boolean = false;

    onLoginSubmit() { // bound to button
        this.loggedIn = true;
    }

    onLogoutSubmit() { // bound to button
        this.loggedIn = false;
    }
}

这是我的模板

<span *ngIf="loggedIn">LoggedIn</span>

谁能帮帮我？

Answer 1

对所有开始写答案的人感到抱歉。重启ng server 有帮助。