angularjs的$interval.cancel如何在angular5中使用

发布于 2022-09-11 21:44:28 字数 1190 浏览 22 评论 0

我想将AngularJS专案升级成Angular5,并且能透过计时器每隔一段时间刷新页面的数据

以下代码在AngularJS能顺利运行但无法在Angular5中运行

quitTalkingWDT(){
          if(this.talkingWDT){
            $interval.cancel(this.talkingWDT)
            this.talkingWDT = null
            this.wait4DataStartTS = 0
          } 
        }
      
        kickTalkingWDT(){
          this.quitTalkingWDT()
          this.talkingWDT = $interval(function(){
            if (!this.currDevice || (this.wait4DataStartTS === 0)){
              this.quitTalkingWDT()
              return
            }
              this.isStillTalking()
          },500)
        }
    

我改使用setTimeout

quitTalkingWDT(){
       if(this.talkingWDT){
        setTimeout.cancel(this.talkingWDT)
        this.talkingWDT = null
        this.wait4DataStartTS = 0
       } 
      }
    
       kickTalkingWDT(){
      this.quitTalkingWDT()
      this.talkingWDT = setTimeout(function(){
        if (!this.currDevice || (this.wait4DataStartTS === 0)){
          this.quitTalkingWDT()
          return
        }
          this.isStillTalking()
       },500)
      }
      

但setTimeout似乎没有属性'cancel',请问我该如何解决这个问题呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦中的蝴蝶 2022-09-18 21:44:28

angular1.x中的setTimeOut.cancel是angularjs做的一次封装,angular2以上直接使用window的clearTimeout()或clearInterval()去取消

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文