angular2 - Najlepszy sposób na zakończenie obserwowalnego interwału, gdy zmienia się ścieżka

Question

Używam interwału obserwowalnego do wykonania określonej funkcji co piąty sekund w obrębie określonego komponentu, w odniesieniu do ścieżki w mojej konfiguracji trasy.

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

Jednak chcę zakończyć interwał, gdy zmienia się ścieżka. Teraz po prostu kontynuuje wykonywanie zadania ...

Jaki jest najlepszy sposób na zrobienie tego?

Answer 1

Można zrezygnować z subskrypcji (obiekt powrót metody subskrybowania) w takim przypadku:

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

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

Ponieważ obserwowalny jest zimno i nie będzie nie więcej subskrypcji, dostrzegalne będą usuwane ...

Możesz użyć metody hook "routerOnDesactivate" w swoim komponencie, aby zrezygnować z subskrypcji. To jest haczyk, który informuje, kiedy opuszczasz komponent trasy w kontekście routingu.

Zobacz ten link aby uzyskać więcej informacji:

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

Answer 2

Świetny sposób na rozwiązanie tego problemu jest stworzenie obserwowalny w zmiennej i użyć „| async "potok do subskrybowania i pokaż wartość w szablonie. W ten sposób fajką zajmuje się wyrejestrowywanie.