script.js

var app = angular.module("computer",['ngRoute'])

.config(['$routeProvider', function($routeProvider){
  $routeProvider.
    when('/main',{
      templateUrl: 'main.html',
      controller: 'MainCtrl'
    }).
    when('/about',{
      templateUrl: 'about.html',
      controller: 'MainCtrl'
    }).
    when('/services',{
      templateUrl: 'services.html',
      controller: 'ServicesCtrl'
    }).
    when('/contact',{
      templateUrl: 'contact.html',
      controller: 'ContactCtrl'
    }).
    otherwise({redirectTo:'/main'});
}])


.controller('MainCtrl',['$scope', '$http', function($scope, $http){
  $scope.person = 'John Doe';
  console.log($scope);
  
  $http.get('services.json').then(function(response){
    $scope.services = response.data;
  });
}])

.controller('ServicesCtrl',['$scope', '$http', function($scope, $http){
  $http.get('services.json').then(function(response){
    $scope.services = response.data;
  });

}])

.controller('ContactCtrl',['$scope','$http', function($scope, $http){
    $http.get('locations.json').then(function(response){
    $scope.locations = response.data;
    });

}]);