dankahle/_using angular's $interval service.md

## _using angular's $interval service.md

      
    Raw
  

              _using angular's $interval service.md
            
          
    Using angular's $interval service

A simple example of how to use angular's $interval service. This service is an nice evolution of the window.setInterval/clearInterval methods. Here's my blog on this:
http://dankahle.blogspot.com/2014/08/angulars-interval-service.html

  
## index.html
<!DOCTYPE html>
<html ng-app="app">
<head>
	<title>index.html</title>
	<style>
	</style>
	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js"></script>
</head>
<body ng-controller="ctrl">

<script>

var app = angular.module('app', []);
app.controller('ctrl', function ($scope, $interval) {
	$scope.$watch(function () {
		console.log('watch'); // for watching the digest loop
	})

	var p = $interval(function (val) {
		console.log('interval fcn', val);
	}, 100, 3, false);

	p.then(function (val) {
		console.log('success', val);
		$scope.$digest();
	}, function (val) {
		console.log('error', val);
		$scope.$digest();
	}, function (val) {
		console.log('notify', val)
	})
});

</script>

</body>
</html>
	<!DOCTYPE html>
	<html ng-app="app">
	<head>
	<title>index.html</title>
	<style>
	</style>
	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js"></script>
	</head>
	<body ng-controller="ctrl">

	<script>

	var app = angular.module('app', []);
	app.controller('ctrl', function ($scope, $interval) {
	$scope.$watch(function () {
	console.log('watch'); // for watching the digest loop
	})

	var p = $interval(function (val) {
	console.log('interval fcn', val);
	}, 100, 3, false);

	p.then(function (val) {
	console.log('success', val);
	$scope.$digest();
	}, function (val) {
	console.log('error', val);
	$scope.$digest();
	}, function (val) {
	console.log('notify', val)
	})
	});

	</script>

	</body>
	</html>