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

Question

我正在使用angular-bootstrap进行分页，并且想要使用像年份（例如2015,2014,2013）这样的文本更改页码。 我们可以自定义角度分页指令，以达到这种情况吗？

Answer 1

在'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 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