在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代替