Angular directive to generate pagination numbers. Allows setting of max numbers to display and it will keep the first and last page visible.

angular-pagination.directive.js

(function() {
	'use strict';

	angular
		.module('fcp')
		.directive('pagination', pagination);

	/** @ngInject */
	function pagination() {
		var directive = {
			restrict: 'E',
			scope: {
				pageIndex: '=',
				maxPages: '=',
				totalPages: '=',
				curPage: '=',
				pagiMode: '@'
			},
			templateUrl: 'app/templates/components/pagination/pagination.html',
			controller: PaginationController
		};

		return directive;


		/** @ngInject */
		function PaginationController($scope, $log, Manufacturer) {

			$scope.getCurPage = function() {
				if ($scope.pagiMode == 'compact') {
					return $scope.pageIndex + 1;
				} else {
					return $scope.curPage;
				}
			};

			$scope.setPage = function(page) {

				if ($scope.pagiMode == 'compact') {
					$scope.pageIndex = page - 1;
				} else {
					$scope.curPage = page;
				}
				$scope.$emit('pageChanged');
			};

		    $scope.prevPage = function () {
		        if ($scope.getCurPage() > 1) {
		            $scope.setPage($scope.getCurPage()-1);
		        }
		    };

		    $scope.nextPage = function () {
		        if ($scope.getCurPage() < $scope.totalPages) {
		            $scope.setPage($scope.getCurPage()+1);
		        }
		    };

			$scope.numbers = function() {
				var numbers = [];

				var range = Math.floor($scope.maxPages/2),
					unusedDownRange = ($scope.getCurPage() < range) ? range - $scope.getCurPage() : 0,
					unusedUpRange = ($scope.getCurPage() > ($scope.totalPages - range)) ? $scope.getCurPage() - ($scope.totalPages - range) : 0;

				if ($scope.getCurPage() <= range) {
					unusedDownRange++;
				}

				for(var page = 1; page <= $scope.totalPages; page++){
					if (
							page == 1 ||
							page == $scope.totalPages ||
							( page >= $scope.getCurPage() - (range - 1) - unusedUpRange &&
								page <= $scope.getCurPage() + (range - 1) + unusedDownRange
							)
						) {
						numbers.push(page);
					}
				}

				return numbers;
			};


		}
	}

})();