angular - 页面在最小化或暂停后恢复时的角度事件

Question

我有一个 Angular 9 应用程序，主要由人们在手机上使用。该页面上有实时数据。当有人重新打开页面以便我可以刷新数据时，我可以收听一个事件吗？

我注意到，如果我在浏览器中打开页面，然后最小化浏览器或让手机进入睡眠状态，页面将显示旧数据，直到定期刷新计时器命中。我想在有人恢复页面或再次重新激活页面后立即获得一个事件，以便我可以立即刷新数据。

有这样的活动我可以听吗？

标签： angularangular9

Answer 1

好吧，以角度方式实现评论中提到的解决方案只是实现HostListener如下所示：

export class AppComponent {
  name = "Angular";
  focusChanges = [];

  @HostListener("window:focus")
  protected onFocus() {
  // this is where you may want to reload your data
    this.focusChanges.push(new Date().toLocaleTimeString());
  }
}

堆栈闪电战