05.1 Example

Details

 

<!DOCTYPE html>
<html ng-app="app">
<head>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.1/angular.min.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
</head>
<body ng-controller="MyCtrl">
	{{serviceOutput}}
	<br/><br/>
	{{factoryOutput}}
	<br/><br/>
	{{providerOutput}}

	<script>

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

		var MyFunc = function() {

			this.name = "default name";

			this.$get = function() {
				this.name = "new name"
				return "Hello from MyFunc.$get(). this.name = " + this.name;
			};

			return "Hello from MyFunc(). this.name = " + this.name;
		};

		// returns the actual function
		app.service( 'myService', MyFunc );

		// returns the function's return value
		app.factory( 'myFactory', MyFunc );

		// returns the output of the function's $get function
		app.provider( 'myProv', MyFunc );

		function MyCtrl( $scope, myService, myFactory, myProv ) {

			$scope.serviceOutput = "myService = " + myService;
			$scope.factoryOutput = "myFactory = " + myFactory;
			$scope.providerOutput = "myProvider = " + myProv;

		}

	</script>

</body>
</html>
 

 

result

myService = [object Object] 

myFactory = Hello from MyFunc(). this.name = default name 

myProvider = Hello from MyFunc.$get(). this.name = new name