new commit

src/main/resources/public/js/app.js

 /**
  *
  */
-angular.module("myApp", ['ui.router']).config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
+angular.module("myApp", ['ui.router','ui.bootstrap']).config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
 
     $locationProvider.hashPrefix('');
     $urlRouterProvider.otherwise("/employees");

src/main/resources/public/pages/employee/employee.html

@@ -2,7 +2,9 @@
     <div class="row">
         <div class="col-md-8">
 
-
+            <tr>
+                <td><a class="btn btn-info" href="#" ui-sref="createEmployee">Add</a></td>
+            </tr>
 
             <table class="table">
                 <thead>
@@ -48,9 +50,7 @@
             <div data-pagination="" data-num-pages="numOfPages()"
                  data-current-page="curPage" data-max-size="maxSize"
                  data-boundary-links="true"></div>
-            <tr>
-            <td><a class="btn btn-info" href="#" ui-sref="createEmployee">Add</a></td>
-            </tr>
+
 
 
         </div>

src/main/resources/public/pages/employee/employeeController.js

@@ -94,25 +94,32 @@ angular.module("myApp").controller("employeeController", function ($scope, $http
     // $scope.reload();
     // $scope.curPage = 1,
 
-    $scope.page = function (emp) {
-        $scope.curPage = 1,
-            $scope.empPerPage = 3,
-            $scope.maxSize = 5;
 
-        $scope.numOfPages = function () {
-            return Math.ceil(emp.length / $scope.empPerPage);
+    $scope.curPage = 1,
+        $scope.itemsPerPage = 3,
+        $scope.maxSize = 5;
 
-        };
+    this.emp = $scope.emp;
 
-        $scope.$watch('curPage + numPerPage', function () {
-            var begin = (($scope.curPage - 1) * $scope.empPerPage),
-                end = begin + $scope.empPerPage;
 
-            $scope.employess = emp.slice(begin, end);
-        });
+    $scope.numOfPages = function () {
+        return Math.ceil($scope.emp.length / $scope.itemsPerPage);
+
     };
+
+    $scope.$watch('curPage + numPerPage', function() {
+        var begin = (($scope.curPage - 1) * $scope.itemsPerPage),
+            end = begin + $scope.itemsPerPage;
+
+        $scope.employess = $scope.emp.slice(begin, end);
+    });
+
+
+
+
 });
 
 
 
 
+