如何在Angular 4中使用clearInterval() [英] How to use clearInterval() in Angular 4

查看:376
本文介绍了如何在Angular 4中使用clearInterval()的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试在Angular 4应用中使用setInterval.

I am trying to use setInterval in my Angular 4 app.

const inter = setInterval(() => {
  // logic resulting in exitCondition
  if(exitCondition) {
    clearInterval(inter);
  }
}, 1000);

此设置在普通javascript中工作正常,但clearInterval()在Angular中似乎不起作用.经过研究,我发现了Angular 1.x的间隔服务:

This set up works fine in vanilla javascript, but clearInterval() does not seem to work in Angular. Upon doing some research I found an interval service for Angular 1.x :

https://docs.angularjs.org/api/ng/service/ $ interval

https://docs.angularjs.org/api/ng/service/$interval

Angular 4是否有类似功能?还是有一种解决方法可以使clearInterval()正常工作?

Is there anything similar for Angular 4? Or is there a workaround to make clearInterval() work?

推荐答案

您可以这样设置,

  this.interval = setInterval(() => {

  }, 1000);

并像这样清除

if (this.interval) {
   clearInterval(this.interval);
}

这篇关于如何在Angular 4中使用clearInterval()的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆