adds resolve properties to $routeProvider

zafarali · zafarali · commit 2192e8cecc2a · 2014-06-27T12:42:24.000-04:00
diff --git a/07-4-resolve.html b/07-4-resolve.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>ng-view</title>
+	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.11/angular.min.js"></script>
+	<script src="https://code.angularjs.org/1.3.0-beta.11/angular-route.min.js"></script>
+<script>
+	var app = angular.module('app', ['ngRoute']);
+
+	app.config(['$routeProvider', function($routeProvider){
+			$routeProvider.when('/',{
+				template:'<h3>This will never show up!</h3>',
+				controller:'BasicCtrl',
+				resolve:{
+					app:function($q){
+						var defer = $q.defer();
+						return defer.promise;
+					}
+				}
+			})
+			.when('/sup',{
+				template: '<h3>Sup World!</h3>',
+				controller:'BasicCtrl',
+				resolve:{
+					app:function($q){
+						var defer = $q.defer();
+						defer.resolve();
+						return defer.promise;
+					}
+				}
+			})
+			.when('/bye',{
+				template:'<h3>Appears after 3 seconds! bye!</h3>',
+				controller:'BasicCtrl',
+				resolve:{
+					app:function($q, $timeout){
+						var defer = $q.defer();
+						$timeout(function(){
+							defer.resolve()
+						}, 3000);
+						return defer.promise;
+					}
+				}
+			});
+		}]);
+
+	app.controller('BasicCtrl', function($scope){
+		$scope.dt = {title:'This application is very useful'};
+	});
+</script>
+</head>
+<body ng-app='app'>
+<a href="#">Home</a> | <a href="#/sup">Ask me whats up</a> | <a href="#/bye">Say bye</a><br />
+<ng-view></ng-view>
+</body>
+</html>
