07-3-promises.html

<!DOCTYPE html>
<html>
<head>
	<title>promises</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.min.js"></script>

<script>
	var app = angular.module('app', []);


	app.controller('BasicCtrl', function($scope, $q){
		var defer = $q.defer();
		//we create a defer object

		//we promise a few functions using .then()
		defer.promise
			.then(function(){
				console.log('hello');
			})
			.then(function(){
				console.log('world');
			});

		//we then resolve the promises using .resolve()
		defer.resolve();


		var defer2 = $q.defer();

		//promise a few functions
		defer2.promise
			.then(function(name){
				//this function processed the name
				return name.split('').reverse().join('');
				//what is returned here will be passed to the next promise
			})
			.then(function(processedName){
				//this function alerts the user
				alert('Your name reversed is '+processedName);
			});

		//here we pass in the first parameter (i.e the persons name)
		defer2.resolve('John Snow');


	});
</script>
</head>
<body ng-app='app'>
<div ng-controller="BasicCtrl">
</div>
</body>
</html>