Angular 中是否有类似于 Android View Lifecycle 的 onResume 方法？

Question

在我的应用程序中，用户可以在多个选项卡之间切换。每个选项卡都链接到不同的组件。

示例：用户在 URL1 上，单击按钮后他导航到新选项卡中的 URL2。当我手动切换回 URL1 时，有没有像 Android 中的 onResume 函数那样触发的方法？

Answer 1

您可以在组件的 window 的 focus 事件上使用 @HostListener，如下所示。

export class AnyComponent implements OnInit {

  @HostListener('window:focus', ['$event'])
  tabActivation(event) {
    console.log("TAb activated")
  }

}

您还可以使用 blur 事件来检测选项卡 "deactivation"。

@HostListener('window:blur', ['$event'])
tabDeactivation(event) {
        console.log("TAb deactivated")
}

Angular 中是否有类似于 Android View Lifecycle 的 onResume 方法？

Is there an onResume method in Angular similar to Android View Lifecycle?

javascript

lifecycle

android

angular