내 각 컨트롤에서 아래의 코드가 범위

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를 사용해야합니다. 범위에 대한

그리고하지 ... T1 한 번 검사 만하기 때문에

가

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

});