在AngularJS中使用ng-repeat过滤结果6到10,共100个

发布时间：2020-12-17 09:09:00 所属栏目：安全来源：网络整理

导读：我在文档中看到limitTo过滤器，这允许我限制前5个或最后5个结果，但我想设置我的极限开始，所以我可以显示第二组5结果。有一个内置的过滤器吗？自从Angular 1.4.0， limitTo filter采用可选的begin参数： div ng-repeat="item in items | limitTo:5:5"{{it

我在文档中看到limitTo过滤器，这允许我限制前5个或最后5个结果，但我想设置我的极限开始，所以我可以显示第二组5结果。

有一个内置的过滤器吗？

自从Angular 1.4.0， limitTo filter采用可选的begin参数：

<div ng-repeat="item in items | limitTo:5:5">{{item}}</div>

在旧版本中，编写自定义过滤器是相当简单的。这里是一个基于Array#slice的朴素的实现(注意，你传递第一个和最后一个索引，而不是计数)：

app.filter('slice',function() {
  return function(arr,start,end) {
    return (arr || []).slice(start,end);
  };
});

<div ng-repeat="item in items | slice:6:10">{{item}}</div>

工作jsFiddle：http://jsfiddle.net/BinaryMuse/vQUsS/

或者，你可以简单地偷the entire Angular 1.4.0 implementation of limitTo：

function limitToFilter() {
  return function(input,limit,begin) {
    if (Math.abs(Number(limit)) === Infinity) {
      limit = Number(limit);
    } else {
      limit = toInt(limit);
    }
    if (isNaN(limit)) return input;

    if (isNumber(input)) input = input.toString();
    if (!isArray(input) && !isString(input)) return input;

    begin = (!begin || isNaN(begin)) ? 0 : toInt(begin);
    begin = (begin < 0 && begin >= -input.length) ? input.length + begin : begin;

    if (limit >= 0) {
      return input.slice(begin,begin + limit);
    } else {
      if (begin === 0) {
        return input.slice(limit,input.length);
      } else {
        return input.slice(Math.max(0,begin + limit),begin);
      }
    }
  };
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!