Angular 1 paging directive

paging.directive.js

(function () {
    'use strict';

    angular.module('app.directives', [])
        .directive('paging', PagingDirective);

    function PagingDirective() {
        return {
            restrict: 'EA',
            templateUrl: 'paging.tpl.html',
            controller: ['$scope', '$element', '$stateParams', function ($scope, $element, $stateParams) {
                var currentPage = ( !$stateParams.page ) ? 1 : parseInt($stateParams.page);
                var linkPrefix = 'news/page/';

                $scope.paging = {
                    prevLink: linkPrefix + ( currentPage - 1 ),
                    nextLink: linkPrefix + ( currentPage + 1 ),
                    sep: ( !$element.attr('sep') ) ? '|' : $element.attr('sep'),
                    prevLabel: ( !$element.attr('prev-label') ) ? 'Previous page' : $element.attr('prev-label'),
                    nextLabel: ( !$element.attr('next-label') ) ? 'Next page' : $element.attr('next-label')
                };
            }]
        }
    }
})();