Pagination.html
2.06 KB
<ul ng-class="'ant-pagination'+(size==='small'?' mini':'')">
<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>