Javascript AngularJS limitTo过滤器

我知道在AngularJS中，名为“limito”的过滤器用于限制数据

假设我们有100条记录，我们使用 限制过滤器

现在如何显示剩余的90条记录。 我需要一些底部的“下一个”和“上一个”按钮 当我点击它时，应该显示下10条记录，依此类推

如何在不影响任何性能的情况下实现这一点。

---

如果可以，请提供代码。谢谢…：-）

limito

过滤器有一个可选的启动参数

设置一个变量，例如

$scope.start=0

然后，您可以将过滤器设置为

limito:10:start

，当您单击按钮时，只需将

$scope.start

增加10

根据，有

开始

和

限制

{{ limitTo_expression | limitTo : limit : begin}}

因此，您可以根据以下简单示例为这些参数使用范围变量：

<p ng-repeat="item in items|limitTo:limit:start">{{item.name}}</p>
<button ng-click="next()" ng-if="start < items.length-10">Next</button>
<button ng-click="prev()" ng-if="start >0">Prev</button>

{{{item.name}
下一个
上

JS

$scope.start=0；
$scope.limit=10；
$scope.items=[/*一些数据*/]；
$scope.next=函数（）{
增量限制（真）
}
$scope.prev=函数（）{
增量限制（false）
}
函数增量限制（向上）{
如果（向上）{
（$scope.start 10？$scope.start-=10:$scope.start=0；
}
}

根据，如果您使用此选项，它将自动运行-

{{ limitTo_expression | limitTo : limit : begin}}

你可以试试这个例子-

var todos=angular.module（'todos'，['ui.bootstrap']）；
控制器（'TodoController'，函数（$scope）{
$scope.filteredTodos=[]
，$scope.currentPage=1
，$scope.numPerPage=10
，$scope.maxSize=5；
$scope.makeTodos=function（）{
$scope.todos=[]；
对于（i=1；我看一看
{{ limitTo_expression | limitTo : limit : begin}}