angular.js - 关于angularjs中filter问题

【字号: 日期:2023-01-25浏览:23作者:雯心

问题描述

<li ng-repeat='phone in phones|filter:query'>

一般都是这样写过滤,但是我想只针对一部分数据,phone.name实现过滤这个要如何实现呢??

问题解答

回答1:

<li ng-repeat='phone in phones|filter:{’name’: query}'>

回答2:

根据官方文档的描述,有几种方式来实现:{{ filter_expression | filter : expression : comparator}}

1.如Guox给出的方法,使用expression:

Object: A pattern object can be used to filter specific properties on objects contained by array. For example {name:'M', phone:'1'} predicate will return an array of items which have property name containing 'M' and property phone containing '1'.

作为Object使用,用于过滤数组元素的指定属性,如expression = {name:'M', phone:'1'} ,那么将会过滤出数组中name包含’M’且phone包含’1’的元素。

故使用如下方法即可

<li ng-repeat='phone in phones|filter:{name:query}'>

2.可以使用comparator:

Comparator which is used in determining if the expected value (from the filter expression) and actual value (from the object in the array) should be considered a match.function(actual, expected): The function will be given the object value and the predicate value to compare and should return true if both values should be considered equal.

通过Comparator的返回值能够决定是否匹配,入参分别是actual(数组中的元素)和expected(输入)

那么定义一个函数

$scope.customerFilter = customerFilter;function customerFilter(actual, expected){ return actual.name.contains(expexted) ? true : false;}前端使用<li ng-repeat='phone in phones|filter:query:customerFilter'>回答3:

太感谢二位了,谢谢

相关文章: