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

前端之家收集整理的这篇文章主要介绍了数组 – AngularJS自定义过滤器函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的控制器,我想过滤一个对象的数组。这些对象中的每一个都是可以包含字符串以及列表的映射

我尝试使用$ 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;
  };
};

猜你在找的Angularjs相关文章