Slide 66 - Main Angular services: $http

snippet.html

<div id="userPanel" ng-controller="UserCtrl">
    There are {{nbUsers}} connected users on the website.
</div>

snippet.js

var UserCtrl = function($scope, $timeout, $http, $q) {
	
	$scope.asynchGetNbUsers = function() {
		var deferred = $q.defer();
		
		$timeout($scope.getNbUsers, 2000).then(function(result){
		    deferred.resolve(result.data.length)
		}, function(reason){
		    deferred.reject(reason);
		})
		
		return deferred.promise;
	};
	
	$scope.getNbUsers = function() {
		return $http.get('data/users.json');
	};
	
	$scope.asynchGetNbUsers().then(function(nb){
	    $scope.nbUsers = nb;
	});
};