范围

Question

价值变动删除计时器我有下面的代码在我的角度控制

scope.$watch(function(){ return scope.state; }, function() { 
    var t1 = scope.state; 
     var Interval = setInterval(function(){ Timer() }, 2500); 
     if(t1 != "b"){ 
      clearInterval(Interval); 
     } 

     function Timer() { 
      console.log(t1); 
     } 
}); 

我的期望是，一旦T1变为“B”，定时器应停止印刷。无法理解t1保持打印的原因，就好像清除间隔从未发生过一样。如果这是错误的，那么正确的做法是什么。

Answer 1

这是因为t1只检查一次。你设置了间隔，并在你看到变量是“b”而不是它之后。如果该变量在该瞬间不是“b”，它将永远不会被清除。

当再次调用观察器时，将创建一个新的时间间隔并重新运行该检查。如果现在变量“b”，它将杀死该时间间隔，它不会对上次调用时创建的时间间隔做任何事情。

你可能想要这样的东西，你只能在第一次创建时创建间隔。

scope.$watch(function() { return scope.state; }, function() { 
    var t1 = scope.state; 
    if (!scope.myInterval) { //if there is no interval create it 
    function timer() { 
     console.log(t1); 
    } 
    scope.myInterval = setInterval(timer, 2500); 
    } 
    if (t1 != "b") { 
    clearInterval(scope.myInterval); 
    //delete scope.myInterval; 
    } 

}); 

而且，由于您使用的角度，你应该使用他们的$ interval。

，而不是在范围......

var myInterval; 
scope.$watch(function() { return scope.state; }, function() { 
    var t1 = scope.state; 
    if (!myInterval) { //if there is no interval create it 
    function timer() { 
     console.log(t1); 
    } 
    myInterval= setInterval(timer, 2500); 
    } 
    if (t1 != "b") { 
    clearInterval(myInterval); 
    myInterval = null; 
    } 

});