2016-07-01 18 views
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)">&lt;</a> 
    </li> 
    <li> 
     <a><page-select></page-select> of {{numPages}}</a> 
    </li> 
    <li> 
     <a ng-click="selectPage(currentPage + 1)">&gt;</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; 
     }); 
    } 
    } 
}); 

答えて

0

ちょうどあなたのコントローラから機能を呼び出すselectPage(numPages)です。

関連する問題