Fin de l'intervalle quand les changements de route Angulaire 2

Je démarrer une minuterie dans Angulaire à 2 composant qui est à l'intérieur d'un routeur de sortie.

setInterval(() => {
    ...
}, 10000);

Quand je quitte la route dans lequel le composant est intégré à la minuterie n'est pas cesser de fumer. Comment puis-je y parvenir?

InformationsquelleAutor daniel | 2016-02-22
  1. 8

    Cela devrait le faire:

    routerOnActivate() {
  this.timer = setInterval(()=>{
                ...
            }, 10000);
}

routerOnDeactivate() {
  clearInterval(this.timer);
}
    InformationsquelleAutor Sasxa
  2. 16

    Vous pourriez clair dans l'intervalle de ce crochet.
    Le mien est commandé à partir du composant/point de vue.

    export classTestInterval implements OnInit, OnDestroy{
     public timerInterval:any;
     ngOnInit(){
       //Need interval scope in the component could be from somewhere else, but we need scope to be able to clear it on destruction of component.
       this.timerInterval = setInterval(function(){...},10000);
     }
     ngOnDestroy() {
        //Will clear when component is destroyed e.g. route is navigated away from.
        clearInterval(this.timerInterval);
     }
}
    InformationsquelleAutor inoabrian
  3. 5

    Peut-être pour ce que vous voulez, c'est mieux OnDeactivate de angular2/router (et peut-être aussi OnActivate en fonction de votre cas d'utilisation) parce que vous avez dit que vous voulez à la fin de la minuterie lorsque l'utilisateur quitte la route Si je comprends bien.

    export Compnent implements OnInit, OnDeactivate {
    private timer;

    ngOnInit(){
        this.timer = setInterval(_ => {
            //disco
        }, 10000);
    }

    routerOnDeactivate() {
        clearInterval(this.timer);
    }
}
    InformationsquelleAutor martin