@ntesmail/shark-angularjs/src/main/webapp/examples/components/pager-markup.html

shark-angularjs组件库，基于shark-ui打造的angular组件库

<div ng-controller="DemoPagerCtrl">
    <sharkpager name="pager" current-page="pagination.page" total-page="pagination.totalPage" on-page-changed="pageChanged" hl="hl"
        start-from="1" segment-size="7" gopage="true"></sharkpager>
</div>
<script type="text/javascript">
    angular.module('demoApp')
        .controller('DemoPagerCtrl', ['$scope', function ($scope) {
            $scope.hl = {
                firstpage: 'first',
                prevpage: 'prev',
                nextpage: 'next',
                lastpage: 'last',
                gopage: 'go'
            };
            $scope.pagination = {
                page: 5,
                totalPage: 10
            };
            $scope.pageChanged = function (page) {
                console.log(page);
            };
        }]);

</script>