mattcanty/ Basic Angular Template

## Basic Angular Template
Template including controller and service

## app.js
var app = angular.module('some-basic-app',
  [
    'services'
  ]
);

## 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>

## main-controller.js
function MainController($scope, someService){
  $scope.serviceMessage = someService.message();
}

## 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;
	});