如何在AngularJS中使用智能表显示记录总数

Question

我正在使用智能表显示记录。使用自定义分页显示每页20条记录。

我想显示分页，如：25条记录中的1-20条我如何才能做到这一点我尝试使用（页数*总页数），但这将使结果更加接近。

Answer 1

我找到了解决我问题的办法。我知道这是一个老问题，但为了让它对其他人更有帮助，我想展示如何使这个解决方案更好。

你给的答案在第一页和后面几页是正确的，但不总是在最后一页。

你这样做：

<span class="pagination-info itemCount">
     {{(currentPage-1)*stItemsByPage+1}}-
     {{currentPage*stItemsByPage}} 
     of {{numPages*stItemsByPage}} Records
</span>

如果最后一页上的记录数小于stItemsByPage，则永远不会正确。在这种情况下，这会更好：

<span class="pagination-info itemCount">
     {{(currentPage-1)*stItemsByPage+1}}-
     {{(currentPage*stItemsByPage) > totalItemCount?totalItemCount:(currentPage*stItemsByPage)}} 
     of {{numPages*stItemsByPage}} Records
</span>

Answer 2

灵感来自dhiraj tiwari的回答，手表不会工作，除非包裹在函数调用：

  .directive('stPaginationSummary', function () {
    return {
      restrict: 'E',
      require: '^stTable',
      template: '<span>Showing <strong>{{from}}</strong>-<strong>{{to}}</strong> of <strong>{{total}}</strong> Record(s)</span>',
      scope: {},
      link: function (scope, element, attr, ctrl) {
        var listener = function () {
          var pagination = ctrl.tableState().pagination
          scope.from = pagination.totalItemCount === 0 ? 0 : pagination.start + 1
          scope.to = Math.min(pagination.start + pagination.number, pagination.totalItemCount)
          scope.total = pagination.totalItemCount
        }
        scope.$watch(function () {
          return ctrl.tableState()
        }, listener, true)
      }
    }
  })

Answer 3

您可以使用totalItemCount，它位于表状态中。分页。从服务器获取数据后，只需填充该值，并在分页模板中使用该值即可。