webapp.js

var app = angular.module('app', ['ngRoute', 'ngResource']);

app.config(['$routeProvider', function ($routeProvider) {

  $routeProvider
    .when('/view', {
      templateUrl: 'view.html',
      controller: 'view'
    })
    .when('/edit/:employeeId', {
      templateUrl: 'edit.html',
      controller: 'edit'
    })
    .otherwise({
      redirectTo: '/'
    });
}]);

app.factory('EmployeeService', ['$resource', function ($resource) {
  return $resource('/employees/:employeeId', {}, {
    list: {
      isArray: true
    },
    get: {
      isArray: false
    }
  });
}]);

app.controller('view', ['$scope', 'EmployeeService', function ($scope, EmployeeService) {
  $scope.employees = [];
  $scope.firstName = $scope.lastName = '';

  EmployeeService.list(function (data) {
    $scope.employees = data;
  });
}]);

app.controller('edit', ['$scope', 'EmployeeService','$routeParams', function ($scope, EmployeeService, $routeParams) {
  $scope.employee = {};

  EmployeeService.get({
    employeeId: $routeParams.employeeId
  }, function (data) {
    $scope.employee = data;
  });
}]);