Есть ли какой-либо крючок жизненного цикла, например, window.onbeforeunload в Angular2?

Question

Есть ли какой-либо жизненный цикл, например, window.onbeforeunload в Angular2? я уже гугле и искал на StackOverflow, но ничего не нашел

Answer 1

<div (window:beforeunload)="doSomething()"></div> 

или

@Component({ 
    selector: 'xxx', 
    host: {'window:beforeunload':'doSomething'} 
    .. 
)} 

или

@Component({ 
    selector: 'xxx', 
    .. 
)} 
class MyComponent { 
    @HostListener('window:beforeunload') 
    doSomething() { 
    } 
} 

Это как слушать глобальные события. Я не знаю, поддерживается ли специальное поведение этого события, где возвращаемое значение используется как текст для диалога конформации.

Вы все еще можете использовать

export class AppComponent { 
    constructor() { 
    window.onbeforeunload = function(e) { 
     return 'Dialog text here.'; 
    }; 
    } 
} 

Как объяснено здесь https://developer.mozilla.org/de/docs/Web/API/WindowEventHandlers/onbeforeunload

Answer 2

ответ

Гюнтера Zöchbauer является немного неправильно на два один отсчет, это то, что работает для меня:

@Component({ 
    selector: 'xxx', 
    .. 
)} 
class MyComponent { 
    @HostListener('window:beforeunload', ['$event']) 
    doSomething($event) { 
    if(this.hasChanges) $event.returnValue='Your data will be lost!'; 
    } 
} 

Существует два основных отличия от Гюнтера Ответ:

1. Аргумент @HostListener должен быть window:beforeunload и не window:onbeforeunload
2. обработчик не должен возвращать сообщение, но должен назначить его в $event.returnValue вместо