mattcanty · August 29, 2015 14:04
diff --git a/Basic Angular Template b/Basic Angular Template
 Template including controller and service
diff --git a/app.js b/app.js
 var app = angular.module('some-basic-app', 
  [
    'services'
  ]
 );
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html ng-app="some-basic-app">
  <head>
    <title>Basic AngularJS Architecture</title>
  </head>
  <body ng-controller="MainController">
    <div>
      {{serviceMessage}}
    </div>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.js"></script>
    <script src="app.js"></script>
    <script src="services.js"></script>
    <script src="main-controller.js"></script>
  </body>
 </html>
diff --git a/main-controller.js b/main-controller.js
 function MainController($scope, someService){
  $scope.serviceMessage = someService.message();
 }
diff --git a/services.js b/services.js
 var services = angular.module('services', []);

 services.factory('someService', function(http){
    
    var someService = {};
    
    someService.message = function(){
      return "Hello World!";
    }

    return someService;
 });
	<!DOCTYPE html>
	<html ng-app="some-basic-app">
	<head>
	<title>Basic AngularJS Architecture</title>
	</head>
	<body ng-controller="MainController">
	<div>
	{{serviceMessage}}
	</div>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.js"></script>
	<script src="app.js"></script>
	<script src="services.js"></script>
	<script src="main-controller.js"></script>
	</body>
	</html>
	function MainController($scope, someService){
	$scope.serviceMessage = someService.message();
	}
	var services = angular.module('services', []);

	services.factory('someService', function(http){

	var someService = {};

	someService.message = function(){
	return "Hello World!";
	}

	return someService;
	});