in-async/AngularJS-Reference-Chapter5-5.html

## AngularJS-Reference-Chapter5-5.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JS Bin</title>
  <style>
body {
  margin: 0;
  font-size: 30px;
  line-height: 1.25;
}
#content {
  padding: .5em;
  background-color: #eee;
  height: 600px;
}
  </style>
</head>
<body ng-app='myApp'>
  <div id="content" ng-controller='fooCtrl'>
    {{foo}} at {{location}}
  </div>

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <script>
    angular.module('myLib', [])
      .factory('absoluteUrl', ['$location', function($loc) {
        return function() {
          return $loc.absUrl();
        };
      }]);

    angular.module('myApp', ['myLib'])
      .controller('fooCtrl', ['$scope', 'absoluteUrl', function($scope, url) {
        $scope.foo = 'foo by app';
        $scope.location = url();
      }]);
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>JS Bin</title>
	<style>
	body {
	margin: 0;
	font-size: 30px;
	line-height: 1.25;
	}
	#content {
	padding: .5em;
	background-color: #eee;
	height: 600px;
	}
	</style>
	</head>
	<body ng-app='myApp'>
	<div id="content" ng-controller='fooCtrl'>
	{{foo}} at {{location}}
	</div>

	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
	<script>
	angular.module('myLib', [])
	.factory('absoluteUrl', ['$location', function($loc) {
	return function() {
	return $loc.absUrl();
	};
	}]);

	angular.module('myApp', ['myLib'])
	.controller('fooCtrl', ['$scope', 'absoluteUrl', function($scope, url) {
	$scope.foo = 'foo by app';
	$scope.location = url();
	}]);
	</script>
	</body>
	</html>