如何让按钮在 smart table for AngularJS 的第一页和最后一页上跳过

Question

我正在为 angularJS 使用智能 table，如何添加按钮以跳转到第一页和最后一页？

Answer 1

已经有不少 github 个问题在谈论此事，您应该简单地指定您的自定义模板：

通过覆盖 $templateCache 中的模板
或者为您的模板指定自定义 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>

running example

如何让按钮在 smart table for AngularJS 的第一页和最后一页上跳过

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

javascript

frontend

controllers

angularjs

smart-table