Как предотвратить событие закрытия окна с помощью HostListener в Angular 2+

Question

Я использую HostListener для получения события закрытия окна и пытаюсь предотвратить событие.

Сначала я импортировал HostListener и использовал этот код.Но я не смог предотвратить событие закрытия окна.

  import { HostListener } from '@angular/core';

  @HostListener('window:beforeunload', ['$event'])
   onWindowClose(event: any): void {

       this.doSomething();

   }

Answer 1

Вы можете предотвратить событие закрытия окна для отдельного компонента, используя HostListener .

Первый импорт HostListener в вашем компоненте

import { HostListener } from '@angular/core';

И, Используйте этот код для предотвращения закрытия окна.

  @HostListener('window:beforeunload', ['$event'])
   onWindowClose(event: any): void {
    // Do something

     event.preventDefault();
     event.returnValue = false;

  }

Теперь, Ваше событие было предотвращено.