Angular 2 setinterval() keep running on other component

Question

I have the following method in one component:

ngOnInit()
        {
            this.battleInit();
            setInterval(() => {
                this.bat         


        

Answer 1

You need to use clearInterval method for this within the ngOnDestroy hook method of your component. For this you need to save the returned value by the setInterval method.

Here is a sample:

ngOnInit() {
  this.battleInit();
  this.id = setInterval(() => {
    this.battleInit(); 
  }, 5000);
}

ngOnDestroy() {
  if (this.id) {
    clearInterval(this.id);
  }
}