AngularJS自定义过滤器功能

Question

在我的控制器内部，我想过滤一个对象数组。每个对象都是一个映射，可以包含字符串和列表

我尝试使用$filter('filter')(array, function)格式，但是我不知道如何在函数中访问数组的各个元素。这是显示我想要的内容的摘要。

$filter('filter')(array, function() {
  return criteriaMatch(item, criteria);
});

然后在中criteriaMatch()，我将检查每个单个属性是否匹配

var criteriaMatch = function(item, criteria) {
  // go thro each individual property in the item and criteria
  // and check if they are equal
}

我必须在控制器中完成所有这些操作，并html" target="_blank">编译一个列表列表，然后在范围内进行设置。因此，我$filter('filter')只需要以这种方式访问。到目前为止，我在网上发现的所有示例都在函数内部进行了静态条件搜索，它们没有通过条件对象并针对数组中的每个项目进行测试。

Answer 1

您可以像这样使用它：http :
//plnkr.co/edit/vtNjEgmpItqxX5fdwtPi?p=preview

就像您发现的那样，filter接受谓词功能可以从数组中逐项接受。因此，您只需要根据给定来创建谓词函数criteria。

在此示例中，criteriaMatch是一个函数，该函数返回与给定匹配的谓词函数criteria。

模板：

<div ng-repeat="item in items | filter:criteriaMatch(criteria)">
  {{ item }}
</div>

范围：

$scope.criteriaMatch = function( criteria ) {
  return function( item ) {
    return item.name === criteria.name;
  };
};