Question

我有一个名为items的数组，我试图通过一系列项目来重复，例如0-4或5-11等。所以我尝试创建自己的自定义过滤器，但它目前是只显示所有数组元素。任何有更多知识的人都可以看看它。
HTML

<div ng-app='myApp' ng-controller="Main">
  <li ng-repeat="item in items | filter:range(0,2)">test {{item}}</li>
</div>

过滤

var myApp = angular.module('myApp', []);
myApp.controller('Main', function($scope, $http) {
  $scope.items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
  $scope.range = function(min, max, step) {
    return function(items) {
      var arr = $scope.items;
      step = step || 1;
      var input = [];
      for (var i = min; i <= max; i += step) {
        if (arr[i] != null) {
          input.push(arr[i]);
        }
      }
      return items = input;
    };
  };
});

结果

test 1
test 2
test 3
test 4
test 5
test 6
test 7
test 8
test 9
test 0

Answer 1

如果以角度创建过滤函数，如果给定项目应该是结果集的一部分，则此函数必须返回“true”，否则返回“false”。你的函数由于某种原因返回“items = input;”在这种情况下没有任何意义，并且总是解析为true-ish，这就是为什么要显示所有项目的原因。您可以尝试的是

$scope.range = function(min, max) {
    return function(item) {
        var i = $scope.items.indexOf (item); 
        return (i >= min && i <= max);
    };
  };

请参阅角度过滤器的文档，以了解如何使用此功能

Answer 2

为什么不使用简单的ng-if和ng-repeat，而不是所有这些，

<li ng-repeat="item in items" ng-if="$index >= 2 && $index <=5">test {{item}}</li>

范围过滤器出错

2 个答案: