firstpage.html

<!DOCTYPE html>
<html data-ng-app = "myApp">
<head>
	<title>Getting data</title>
</head>
<body>
	<div>
		<div data-ng-view=""></div>
	</div>
	<script src="angular.js"></script>
	<script src="angular-route.js" type="text/javascript"></script>
	<script type="controller.js"></script>


	<script>
		var myApp = angular.module("myApp", ['ngRoute']);
		myApp.config(['$routeProvider', function ($routeProvider) {
			$routeProvider
				.when('/view1',
					{
						controller: 'SimpleController',
						templateUrl: 'Partials/View1.html'
					})
				.when('/view2',
					{
						controller: 'SimpleController',
						templateUrl: 'Partials/View2.html'
					})
				.otherwise({ redirectTo: '/view1'});
		}]);
		myApp.factory("SimpleFactory", function(){
			var factory = {};
			var customers = [
				{ name:'John Smith', city: 'Pheonix' }, 
				{ name:'John Doe', city: 'New York' }, 
				{ name:'Jane Doe', city: 'San Francisco' }
			];
			factory.getCustomers = functions(){
				return customers;
			};

			return factory;
		});
		myApp.controller('SimpleController', function ($scope, SimpleFactory) {
			$scope.customers = [];

			init();

			function init() {
				$scope.customers = SimpleFactory.getCustomers();
			}
			$scope.addCustomer = function() {
				$scope.customers.push(
					{
						name: $scope.newCustomer.name, 
						city: $scope.newCustomer.city 
					}
				);
			};
		});
	</script>
</body>
</html>