如何为AngularJS制作智能表中第一页和最后一页的跳过按钮

How to make buttons to skip on first and last page in smart table for AngularJS

本文关键字：一页 最后 按钮 第一页 AngularJS 智能      更新时间：2023-09-26

我正在使用angularJS的智能表，如何添加按钮来跳到第一页和最后一页？

已经有相当多的github问题在讨论这个问题，你应该简单地指定你的自定义模板：

  1. 通过覆盖$templateCache中的模板
  2. 或者为模板指定一个自定义url

模板可以是

<div class="pagination" ng-if="pages.length >= 2">
   <ul class="pagination">
   <li ng-if="currentPage > 1">
     <a ng-click="selectPage(1)">&lt;&lt;</a>
   </li>
   <li ng-if="currentPage > 1">
     <a ng-click="selectPage(currentPage-1)">&lt;</a>
   </li>
   <li ng-repeat="page in pages" ng-class="{active: page==currentPage}"><a ng-click="selectPage(page)">{{page}}</a>
   </li>
   <li ng-if="currentPage < numPages">
      <a ng-click="selectPage(currentPage+1)">></a>
   </li>
   <li ng-if="currentPage < numPages">
     <a ng-click="selectPage(numPages)">>></a>
   </li>
  </ul>
</div>

运行示例

相关文章：