微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

数组 – 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;
  };
};

原文地址:https://www.jb51.cc/angularjs/146826.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐