在分頁中添加文本而不是數字，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