範圍

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; 
    } 

});