angularjs interval 사용방법 $interval

북마크 추가

1. controller에 $interval을 아래의 둘중 한가지 방법으로 추가한다.

 

1-1. function Ctrl($scope, $interval) 

1-2. angular.module('example',[]).controller('exampleController',['$scope','$interval',~~~~])

 

2. usage

 

$interval( fn, delay, [count]. [invokeApply], [Pass] ); 의 구조로 사용한다.

 

fn = function

 

delay = function을 호출하는 시간간격 (millisecond)

 

count(필수X 옵션) = 반복횟수 , 안쓰거나 0으로 해놓으면 무한반복 기본설정은 0

 

invokeApply (옵션) = false로 설정하면 dirty checking(값 변화가 있으면 갱신 - ex 양방향 데이터 바인딩)을 건너 뛴다. 기본 true

 

Pass(옵션) = 추가 파라미터

 

 

3. example

 

var interval;

 

interval = $interval(function(){

$scope.example();

},50);

-> 50 milliseconds 마다 example() 호출,  변수 interval에 담은 이유는 나중에 정지시키기 위해

 

 

$scope.example = function(){

 

if(조건){

$interval.cancel(interval); -> 위에서 변수에 담은 interval을 넘겨줌 반복하다 특정 조건에서 정지시키기 위해 사용

}

}

 

 

 

HKH
2015-04-21 10:40
SHARE
keyboard_arrow_left
keyboard_arrow_up