如何使按钮，第一和最后一页跳过了AngularJS智能表 [英] How to make buttons to skip on first and last page in smart table for AngularJS

问题描述

我使用智能表angularJS，我怎么可以添加按钮跳到第一页和最后一页上？

I am using smart table for angularJS, how can I add buttons to jump on first and last page?

推荐答案

有已经在谈论这件事比较少github上的问题，您应该简单地指定您的自定义模板：

There are already quite few github issues talking about the matter, you should simply specify your custom template:

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>

运行例子

这篇关于如何使按钮，第一和最后一页跳过了AngularJS智能表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！