tuliofaria/app.js

## app.js
var app = angular.module("app", ["appControllers"]);

## controllers.js
var controllers = angular.module("appControllers", ["appServices"]);

controllers.controller("TestController", ["$scope", "Servico1", function($scope, Servico1){
	$scope.var1 = "Ola Davidsons!";
	$scope.lista = [];
	Servico1.query({}, function(lista){
		$scope.lista = lista;
	})
}]);

## index.html
<html ng-app="app">
	<body ng-controller="TestController">
		{{var1}}
		<br>
		Isso veio via Service: {{lista}}
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
		<script src="https://code.angularjs.org/1.3.15/angular-resource.min.js"></script>
		<script src="app.js"></script>
		<script src="controllers.js"></script>
		<script src="services.js"></script>

	</body>
</html>

## lista.json
[
	1,
	2,
	"Davidsons"
]

## services.js
var services = angular.module("appServices", ["ngResource"]);

services.factory('Servico1', ['$resource',
  function($resource){
    return $resource('lista.json', {}, { query: {method:'GET', isArray:true }});
 }]);
	var controllers = angular.module("appControllers", ["appServices"]);

	controllers.controller("TestController", ["$scope", "Servico1", function($scope, Servico1){
	$scope.var1 = "Ola Davidsons!";
	$scope.lista = [];
	Servico1.query({}, function(lista){
	$scope.lista = lista;
	})
	}]);
	<html ng-app="app">
	<body ng-controller="TestController">
	{{var1}}
	<br>
	Isso veio via Service: {{lista}}
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
	<script src="https://code.angularjs.org/1.3.15/angular-resource.min.js"></script>
	<script src="app.js"></script>
	<script src="controllers.js"></script>
	<script src="services.js"></script>

	</body>
	</html>
	var services = angular.module("appServices", ["ngResource"]);

	services.factory('Servico1', ['$resource',
	function($resource){
	return $resource('lista.json', {}, { query: {method:'GET', isArray:true }});
	}]);