无法在 Ionic 中清除我的 setInterval

Question

我有一个 IONIC 4 应用程序，我需要每 20 秒调用一次 api，如果用户移动到其他页面需要停止调用该 api。我能够每 20 秒进行一次 api 调用，但当我移动到其他页面时无法停止它。下面是我的代码，请问我哪里出错了？

 rateTimer:any;

constructor(private loginServiceService: LoginServiceService) {
    this.loginServiceService.getappData();

    this.rateTimer=setInterval(() => { 
      this.loginServiceService.getappData(); 
   }, 10000);
   }

// When I move to other page, I clear the setInterval from here

 ngOnDestroy() {
    clearInterval(this.rateTimer);
  }

Answer 1

据我所知，Ionic 有一个用于页面导航的缓存，这就是为什么ngOnDestroy/ngOnInit 并不总是有效的原因。但是，一旦当前页面被移开，ionViewDidLeave 肯定会触发（有关更多详细信息，请参阅https://ionicframework.com/docs/api/router-outlet#life-cycle-hooks）：

export class YourComponent {
  ionViewDidLeave() {
    // Do actions here
  }
}