带分页的智能表 - 默认设置最后一页

时间:2016-07-01 13:17:16

标签: angularjs smart-table

我正在使用非常好的表库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;
      });
    }
  }
});

1 个答案:

答案 0 :(得分:0)

只需从您的控制器调用函数HEAD即可。