typescript - setInterval、clearInterval 实例超出范围

Question

在 Ionic3 中，我设置了一个刷新数据的时间间隔，我希望它在离开 View 时停止。但是我一直无法确定间隔实例的范围......请注意，这是我使用 typescript 的第一步....

updateData(){    
  var interval = setInterval(() => {
    this.getdata.getData().subscribe( data => {
      this.channels = data.channels;
    })
  },2000);
}

ionViewWillLeave() {
  clearInterval(interval);//[TS]Cannot find name 'interval'
  console.log('leave view');
}

Answer 1

只需将变量移动到外部范围，例如

interval: number; // Moved it out. 

updateData(){    
  this.interval = setInterval(() => {
    this.getdata.getData().subscribe( data => {
      this.channels = data.channels;
    });
  },2000);
}

ionViewWillLeave() {
  clearInterval(this.interval);
  console.log('leave view');
}