Pagination.html 2.15 KB
<ul ng-class="'ant-pagination'+(size==='small'?' mini':'')">
    <li ng-if="showTotal()" class="ant-pagination-total-text">{{handleShowTotal()}}</li>
    <li ng-class="'ant-pagination-prev'+(state.current===1?' ant-pagination-disabled':'')" ng-click="handlePrev()">
        <button type="button" class="ant-pagination-item-link">
            <es-icon type="LeftOutlined"></es-icon>
        </button>
    </li>
    <li ng-repeat="(key, value) in state.pageNumList track by key" ng-class="''+getItemLinkClassName(value)" ng-click="handleClick(value)">
            <a ng-if="value!=='prev'&&value!=='next'">{{value}}</a>
            <a ng-if="value==='prev'||value==='next'" class="ant-pagination-item-link">
                <div class="ant-pagination-item-container">
                    <es-icon ng-if="value==='prev'" type="DoubleLeftOutlined" class="ant-pagination-item-link-icon"></es-icon>
                    <es-icon ng-if="value==='next'" type="DoubleRightOutlined" class="ant-pagination-item-link-icon"></es-icon>
                    <span class="ant-pagination-item-ellipsis">•••</span>
                </div>
            </a>
        </li>
    <li ng-class="'ant-pagination-next'+(state.current===state.pageNum?' ant-pagination-disabled':'')" ng-click="handleNext()">
        <button type="button" class="ant-pagination-item-link">
            <es-icon type="RightOutlined"></es-icon>
        </button>
    </li>
    <li class="ant-pagination-options">
        <es-select ng-if="showSizeChanger==='true'" class="ant-pagination-options-size-changer" size="{{size}}" value="10" get-popup-container="getPopupContainer" on-change="handleSelectChange(value)">
            <es-select-option value="10">10 条/页</es-select-option>
            <es-select-option value="20">20 条/页</es-select-option>
            <es-select-option value="30">30 条/页</es-select-option>
            <es-select-option value="40">40 条/页</es-select-option>
        </es-select>
        <div ng-if="showQuickJumper==='true'" class="ant-pagination-options-quick-jumper">
            跳至<input type="text" ng-blur="handleBlur($event)" ng-keypress="onKeyPress($event)" />
        </div>
    </li>
</ul>