example/pagination.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
    <div ng-app="esNgAntd" ng-controller="mainCtrl">
        <div class="container" style="padding: 50px">
            <es-pagination default-current="1" total="{{total}}"  default-page-size="20" on-change="handleChange(page, pageSize)"
                show-quick-jumper="true" show-size-changer="true" show-total="showTotal(total)"></es-pagination>
            <!-- <es-pagination size="small" default-current="1" total="50" on-change="handleChange(page, pageSize)" show-quick-jumper="true" show-size-changer="true"></es-pagination> -->
        </div>
    </div>
    <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
    <script src="../dist/ng-antd.js"></script>
    <script>
        angular
            .module("esNgAntd")
            .controller("mainCtrl", function ($scope, $timeout) {
                $scope.total = 1;
                $scope.handleChange = function (page, pageSize) {
                    console.log(page, pageSize)
                }
                $scope.showTotal = function (total) {
                    return `Total ${total} items`;
                }
                $timeout(()=>{
                    $scope.total = 80
                }, 2000)
            });
    </script>
</body>
</html>