数组 – AngularJS自定义过滤器函数

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

导读：在我的控制器，我想过滤一个对象的数组。这些对象中的每一个都是可以包含字符串以及列表的映射我尝试使用$ filter(‘filter’)(数组，函数)格式，但我不知道如何访问我的函数中的数组的单个元素。这里是一个片段来显示我想要的。 $filter('filter')(array,f

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

我尝试使用$ filter(‘filter’)(数组，函数)格式，但我不知道如何访问我的函数中的数组的单个元素。这里是一个片段来显示我想要的。

$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
}

我必须在控制器中做所有这些，并编译列表的列表，并在范围中设置它们。所以我需要访问$ filter(‘filter’)这种方式只。我在网络中找到的所有示例在函数内部都有静态条件搜索，它们不会传递一个条件对象并且对数组中的每个项目进行测试。

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

像你发现的，filter接受接受项的谓词函数
按项目从数组。
所以，你只需要根据给定的标准创建一个谓词函数。

在本示例中，criteriaMatch是返回谓词的函数
函数匹配给定的标准。

模板：

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

范围：

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

（编辑：李大同）

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