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

Question

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

Answer 1

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

Answer 2

在 'pagination' 指令的基础上编写您自己的指令，只需修改 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 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

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

add text instead of numbers in pagination, angular-bootstrap

angularjs

angular-bootstrap