angular2 - Die beste Methode zum Beenden eines beobachtbaren Intervalls bei Pfadänderungen

Question

Ich benutze ein beobachtbares Intervall, um eine bestimmte Funktion jede fünfte Sekunde innerhalb einer bestimmten Komponente auszuführen, bezogen auf einen Pfad in meiner Routenkonfiguration.

Observable.interval(5000).subscribe(res => { 
    // Something happens here 
}); 

Allerdings möchte ich das Intervall beenden, wenn der Pfad ändert. Jetzt wird nur noch die Aufgabe ausgeführt ...

Was ist der beste Weg, dies zu tun?

var subscription = Observable.interval(5000).subscribe(res => { 
    // Something happens here 
}); 

// to be called when the route changes 
subscription.unsubscribe(); 

Da die beobachtbaren kalt ist, und es wird nicht mehr Abonnement, wird der beobachtbare angeordnet ...:

Answer 1

Sie aus dem Abonnement (die Rückkehr Aufgabe des Verfahrens abonnieren) in einem solchen Fall abmelden könnten

Sie können die Hook-Methode "routerOnDesactivate" in Ihrer Komponente nutzen, um sich abzumelden. Es ist der Hook, der Sie darüber informiert, wenn Sie die Routenkomponente im Routingkontext verlassen.

diesen Link finden Sie weitere Details:

• https://angular.io/docs/ts/latest/api/router/OnDeactivate-interface.html

Answer 2

Eine gute Möglichkeit, dies zu lösen, ist die beobachtbare in einer Variablen zu erstellen und verwenden, die ‚| Async-Pipe zum Abonnieren und Anzeigen des Werts in der Vorlage Das Abmelden wird dann von der Leitung erledigt.