AngularJS filter-filter

AngularJS referenshandbok

Definition och användning

filter Filter låter oss filtrera arrayer och returnera en array som endast innehåller matchande poster.

Denna filter kan bara användas för arrayer.

Relaterade sidor

AngularJS-guide:Angular filter

Exempel

Exempel 1

Visa objekt som innehåller bokstaven "A":



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

亲自试一试

Exempel 2

Använd objekt som filter:



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

亲自试一试

例子 3

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



    

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

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

Parametrar

Parametrar Beskrivning
expression

Uttrycket som används för att välja objekt från arrayen. Uttryckstypen kan vara:

Sträng: Returnerar arrayposter som matchar strängen.

Objekt: Ett objekt är mönstret som söks i arrayen. Till exempel: filter: {"name" : "H", "city": "London"} kommer att returnera arrayposter med namn som innehåller bokstaven "H" och stad som innehåller "London". Se exempel ovan.

Funktion: En funktion som anropas för varje arraypost och objekt som returnerar true kommer att visas i resultatarrayen.
comparator

Valfritt. Definiera jämförelsens noggrannhet. Värdet kan vara:

true: Endast när värdet för en arraypost är helt identiskt med det värde vi vill jämföra returneras matchande objekt.

false: Om värdet för en arraypost innehåller det värde som ska jämföras, returneras matchande objekt. Denna jämförelse gör ingen skillnad mellan storlek på bokstäver. Detta är standardvärdet.

Funktion: Vi kan definiera en funktion för att avgöra vad som anses vara matchande eller inte matchande.

AngularJS referenshandbok