【问题标题】:How to make buttons to skip on first and last page in smart table for AngularJS如何使按钮在AngularJS的智能表的第一页和最后一页上跳过
【发布时间】:2015-06-08 12:48:35
【问题描述】:

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

【问题讨论】:

  • 分享你的尝试

标签: javascript angularjs frontend controllers smart-table


【解决方案1】:

关于这个问题的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>

running example

【讨论】:

  • 谢谢你,这就是我所需要的
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-10-31
  • 1970-01-01
  • 2017-09-09
  • 2020-09-27
  • 1970-01-01
  • 1970-01-01
  • 2017-08-30
相关资源
最近更新 更多