2016-01-06 84 views
0

我使用这个分页指令如何从分页指令angularjs隐藏直接页面链接?

https://github.com/michaelbromley/angularUtils/blob/master/src/directives/pagination/README.md

我想隐藏直接网页的链接(1,2,3)只需要下一个和以前怎么做? 我使用这个代码

http://plnkr.co/edit/Wtkv71LIqUR4OhzhgpqL?p=preview

<div ng-controller="OtherController" class="other-controller"> 
      <small>this is in "OtherController"</small> 
      <div class="text-center"> 
      <dir-pagination-controls boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="dirPagination.tpl.html"></dir-pagination-controls> 
      </div> 
     </div> 

回答

0

这里是它使用的范围值与“前一个”和“下一个”箭头链接沿自定义模板的例子,但没有页面链接:

<div class="range-label">Displaying {{ range.lower }} - {{ range.upper }} of {{ range.total }}</div> 
<a href="" title="Previous page" ng-class="{ disabled : pagination.current == 1 }" ng-click="setCurrent(pagination.current - 1)">&lsaquo;</a> 
<a href="" title="Next page" ng-class="{ disabled : pagination.current == pagination.last }" ng-click="setCurrent(pagination.current + 1)">&rsaquo;</a> 

查看链接了解更多详情。 https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#writing-a-custom-pagination-controls-template

1

您可以使用为此目的而精确定义的uib-pager指令。 该指令支持uib-pagination指令的所有属性。

<uib-pager total-items="totalItems" ng-model="currentPage" align=false></uib-pager> 

see documentation

0

转到dirPagination.tpl.html并删除这一行:

<li ng-repeat="pageNumber in pages track by tracker(pageNumber, $index)" ng-class="{ active : pagination.current == pageNumber, disabled : pageNumber == '...' }"> 
    <a href="" ng-click="setCurrent(pageNumber)">{{ pageNumber }}</a> 
</li> 

这样做,你现在看到的只是箭头。