Filtro AngularJS

Manuale di riferimento AngularJS

Definizione e uso

filter Il filtro ci permette di filtrare gli array e restituire un array che contiene solo gli elementi corrispondenti.

Questo filtro può essere utilizzato solo per gli array.

Pagine correlate

Tutorial AngularJS:Filtro Angular

Esempio

Esempio 1

Mostra gli elementi che contengono la lettera "A":



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

亲自试一试

Esempio 2

Utilizzare un oggetto come 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 }}

Parametri

Parametri Descrizione
expression

Espressione utilizzata per selezionare elementi dall'array. Il tipo dell'espressione può essere:

Stringa: restituirà gli elementi dell'array che corrispondono alla stringa.

Oggetto: l'oggetto è lo schema di ricerca nell'array. Ad esempio: filter: {"name" : "H", "city": "London"} restituirà gli elementi dell'array che contengono il nome "H" e la città "London". Vedi l'esempio sopra.

Funzione: una funzione che viene chiamata per ogni elemento dell'array e gli elementi per cui la funzione restituisce true appaiono nell'array di risultato.
comparator

Opzionale. Definire la severità del confronto. Il valore può essere:

true: Viene restituito l'elemento di corrispondenza solo se il valore dell'elemento dell'array corrisponde esattamente al valore da confrontare.

false: Se il valore dell'elemento dell'array contiene il valore da confrontare, viene restituito l'elemento di corrispondenza. Questo confronto non distingue tra maiuscole e minuscole. Questo è il valore predefinito.

Funzione: possiamo definire una funzione per determinare cosa viene considerato una corrispondenza o non una corrispondenza.

Manuale di riferimento AngularJS