在分页，angular-bootstrap中添加文本而不是数字

Question

我使用angular-bootstrap进行分页，并希望用年份等文本更改页码（例如2015,2014,2013）。 我们可以自定义角度分页指令以实现这种情况吗？

Answer 1

根据＆＃39;分页编写自己的指令＆＃39;指令，只需修改getPages函数。 plnkr

    // Add page number links
    for (var number = startPage; number <= endPage; number++) {
      var text = parseInt(scope.startYear, 10) + (number - 1);
      var page = makePage(number, text, number === currentPage);
      pages.push(page);
    }

Answer 2

查看来源时，似乎没有任何方法可以配置当前页码按钮的文本。

Answer 3

使用页面标签属性

HTML

 <ul uib-pagination page-label="pageLable($page)"></ul>

JS

 $scope.pageLable = function($page){
     return 2000 + $page;
 }

检查此示例： http://plnkr.co/edit/4ju8OuYdJGsUC6vahmr1?p=preview