2
私は非常に良いテーブルライブラリSmart-tableを使用して自分のデータを表示しています。ページ区切り付きスマートテーブル - デフォルトで最後のページを設定
私はカスタムページネーションテンプレートを使用しています。私は最後の項目を追加できるようにページを最後のページに設定できるようにしたいと思います。
これはpagination.htmlです:
<nav ng-if="pages.length >= 2">
<ul class="pagination">
<li>
<a ng-click="selectPage(1)">First</a>
</li>
<li>
<a ng-click="selectPage(currentPage - 1)"><</a>
</li>
<li>
<a><page-select></page-select> of {{numPages}}</a>
</li>
<li>
<a ng-click="selectPage(currentPage + 1)">></a>
</li>
<li>
<a ng-click="selectPage(numPages)">Last</a>
</li>
</ul>
そして、これはディレクティブ
angular.module('myApp')
.directive('pageSelect', function() {
return {
restrict: 'E',
template: '<input type="text" class="select-page" ng-model="inputPage" ng-change="selectPage(inputPage)">',
link: function(scope, element, attrs) {
scope.$watch('currentPage', function(c) {
scope.inputPage = c;
});
}
}
});