Filtro de AngularJS

Manual de referencia de AngularJS

Definición y uso

filter Los filtros nos permiten filtrar arreglos y devolver un arreglo que solo contiene elementos coincidentes.

Este filtro solo se puede usar con arreglos.

Páginas relacionadas

Tutorial de AngularJS:Filtros de Angular

Ejemplo

Ejemplo 1

Mostrar elementos que contienen la letra "A":



    
<li ng-repeat="x in cars | filter : 'A'">{{x}}</li>

亲自试一试

Ejemplo 2

Se utiliza un objeto como filtro:



    
<li ng-repeat="x in customers | filter : {'name' : 'O', 'city' : 'London'}">
    {{x.name + ", " + x.city}}

亲自试一试

例子 3

进行“严格”比较，除非值与表达式完全相同，否则不会返回匹配项：



    

  • 
    {{x.name + ", " + x.city}}

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

Parámetros

Parámetros Descripción
expression

Expresión utilizada para seleccionar elementos del array. El tipo de expresión puede ser:

Cadena: devolverá elementos del array que coinciden con la cadena.

Objeto: el objeto es el patrón que se busca en el array. Por ejemplo: filter: {"name" : "H", "city": "London"} devolverá elementos del array que contengan el nombre "H" y la ciudad "London". Vea el ejemplo anterior.

Función: una función que se llamará para cada elemento del array y los elementos para los que la función devuelva true aparecerán en el array de resultados.
comparator

Opcional. Define el nivel de precisión de la comparación. Los valores pueden ser:

true: solo cuando el valor del elemento del array coincide completamente con el valor que queremos comparar, devuelve el elemento coincidente.

false: si el valor del elemento del array contiene el valor que queremos comparar, devuelve el elemento coincidente. Esta comparación no distingue entre mayúsculas y minúsculas. Este es el valor predeterminado.

Función: podemos definir una función para determinar qué se considera coincidir o no coincidir.

Manual de referencia de AngularJS