Есть ли в Angular метод onResume, похожий на Android View Lifecycle?

Question

В моем приложении пользователь может переключаться между несколькими вкладками.Каждая вкладка связана с отдельным компонентом.

Пример: пользователь находится на URL1, при нажатии кнопки он переходит на URL2 в новой вкладке.Когда я вручную переключаюсь обратно на URL1, есть ли какой-либо метод, который запускается так же, как onResume функция в Android?

Answer 1

Вы можете использовать @HostListener для события window focus на вашем компоненте, как показано ниже.

export class AnyComponent implements OnInit {

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

}

Вы также можете использовать событие blur для обнаружения «деактивации» вкладки.

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