Gibt es einen Lifecycle-Hook wie window.onbeforeunload in Angular2?

Question

Gibt es einen Lebenszyklus-Haken wie window.onbeforeunload in Angular2? ich schon gegoogelt und gesucht auf Stackoverflow, aber nichts gefunden

Answer 1

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

oder

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

oder

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

Dies ist, wie man globale Ereignisse zu hören. Ich weiß nicht, ob das spezielle Verhalten dieses Ereignisses unterstützt wird, wenn der Rückgabewert als Text für den Konformitätsdialog verwendet wird.

Sie können immer noch

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

Wie hier https://developer.mozilla.org/de/docs/Web/API/WindowEventHandlers/onbeforeunload erklärt

Answer 2

Günter Zöchbauer verwenden Antwort auf zwei eine Zählung etwas falsch ist, das ist, was für mich gearbeitet:

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

Es gibt zwei Hauptunterschiede von Günter Antwort:

1. Das Argument @HostListener sollte window:beforeunload sein und nicht window:onbeforeunload
2. Der Handler die Nachricht nicht zurückkehren sollte, aber es sollte in $event.returnValue statt