mchung/hello-window-with-factory.html

## hello-window-with-factory.html
<!doctype html>
<html ng-app="MyApp">
 <script src="http://code.angularjs.org/angular-1.0.0rc7.js"></script>
 <script type="text/javascript">
   var app = angular.module('MyApp', []);
   app.factory('greeter', function($window) {
     return {
       greet: function(text) {
         $window.alert(text);
       }
     }
   });
   app.controller('MainCtrl', ['$scope', 'greeter', function($scope, greeter) {
     $scope.alert = function(msg) {
       greeter.greet("Factory Powered Greeter: " + msg);
     }
   }]);
 </script>
 <body ng-controller="MainCtrl">
   <input type="text" ng-init="greeting='Hello World!'" ng-model="greeting" />
   <button ng-click="alert(greeting)">ALERT</button>
 </body>
</html>

## hello-window.html
<!doctype html>
<html ng-app="MyApp">
 <script src="http://code.angularjs.org/angular-1.0.0rc7.js"></script>
 <script type="text/javascript">
   var app = angular.module('MyApp', []).
   controller('MainCtrl', ['$scope', '$window', function($scope, $window) {
     $scope.$window = $window;
   }]);
 </script>
 <body ng-controller="MainCtrl">
   <input type="text" ng-init="greeting='Hello World!'" ng-model="greeting" />
   <button ng-click="$window.alert(greeting)">ALERT</button>
 </body>
</html>
	<!doctype html>
	<html ng-app="MyApp">
	<script src="http://code.angularjs.org/angular-1.0.0rc7.js"></script>
	<script type="text/javascript">
	var app = angular.module('MyApp', []);
	app.factory('greeter', function($window) {
	return {
	greet: function(text) {
	$window.alert(text);
	}
	}
	});
	app.controller('MainCtrl', ['$scope', 'greeter', function($scope, greeter) {
	$scope.alert = function(msg) {
	greeter.greet("Factory Powered Greeter: " + msg);
	}
	}]);
	</script>
	<body ng-controller="MainCtrl">
	<input type="text" ng-init="greeting='Hello World!'" ng-model="greeting" />
	<button ng-click="alert(greeting)">ALERT</button>
	</body>
	</html>