*ngIf 更改未在模板中检测到

Question

我正在尝试显示加载 3 秒并使用 *ngIf 隐藏它。我使用的是 angular 8。在我之前的项目中，我没有遇到这个问题。

这是我的代码..

//Component.ts
loading = true;
ngOnInit() { 
   setTimeout(()=> {
     this.loading = false;
     console.log(this.loading)
   },3000)
}

//Component.html
<div *ngIf="loading" class="col-lg-12" style="text-align: center;">
     <app-loading></app-loading>
</div>

3 秒后加载为假，但未在模板中检测到更改。我可以知道为什么吗？任何不使用 ChangeDetectorRef 解决的建议

Answer 1

该示例应该可以工作，除非您使用OnPush 更改检测策略：

Answer 2

试试这样：

Working Demo

ngOnInit() {
  let that = this;
  setTimeout(() => {
    that.loading = false;
    console.log(that.loading);
  }, 3000);
}