在Angular2中是否有像window.onbeforeunload這樣的生命週期鉤子？

Question

在Angular2中是否有像window.onbeforeunload這樣的生命週期鉤子？ 我已經一派，搜索的計算器，但一無所獲

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!'; 
    } 
} 

與Günter's有兩個主要區別答案：

1. 到@HostListener的參數應該是window:beforeunload而不是window:onbeforeunload
2. 處理程序不應該返回的消息，而應該將其分配到$event.returnValue代替