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

极拍毯
  • 10

我想将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',请问我该如何解决这个问题呢?

回复
阅读 959
1 个回答
✓ 已被采纳

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏