如何以角度显示当前显示的条目范围

Question

这是我用来实现分页的：

<pagination total-items="reportCount" items-per-page="itemsPerPage" page="currentPage" ng-change="pageChanged()" ng-model="currentPage"></pagination>

我如何让它显示当前显示的条目范围.. 比如.. 1-10 of 46 entries。 11-20 of 46等等..

我可以通过以下操作使用currentPage 和itemsPerPage 的值来获取它：

<span id="page_info">Showing {{(currentPage-1) * itemsPerPage + 1}} - {{currentPage * itemsPerPage}} of {{reportCount}} entries</span>

但问题出在最后一页，最后一条记录不只是currentPage * itemsPerPage，就像..它显示41-50 of 46 entries。

它应该与{{Math.min((currentPage * itemsPerPage), reportCount)}} 一起使用，但由于某种原因，它没有在这里评估它。

任何想法如何解决这个问题？还是其他方式？

Answer 1

当像Math、console、location、window 等评估角度绑定时，浏览器对象模型（BOM）将不直接可用。您可以在函数内部调用它们，但不能直接调用在内部绑定上（认为有办法通过将BOM 属性保留在$scope 上来做到这一点，我不建议这样做）。为了使其正常工作，为 $scope 内部创建一个 javascript 函数并在绑定级别调用它。

<span id="page_info">
  Showing {{(currentPage-1) * itemsPerPage + 1}} - {{endCount(currentPage,itemsPerPage, reportCount)}} of {{reportCount}} entries
</span>

控制器

$scope.endCount = function (currentPage, itemsPerPage, reportCount) {
   return Math.min((currentPage * itemsPerPage), reportCount);
}