AngularJS filter-suodatin

AngularJS viittausopas

Määritelmä ja käyttö

filter Suodattimet mahdollistavat taulukoiden suodattamisen ja palauttavat vain vastaavissa kohteissa olevan taulukon。

Tämä suodatin voidaan käyttää vain taulukoissa。

Liittyvät sivut

AngularJS oppituntiohjelma：Angular suodattimet

Esimerkki

Esimerkki 1

Näytä kohteet, jotka sisältävät kirjaimen "A":



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

亲自试一试

Esimerkki 2

Käytä objektia suodattimena：



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

亲自试一试

例子 3

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



    

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

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

parametrit

parametrit kuvaus
expression

Ilmaisu, jota käytetään taulukon kohteen valintaan. Ilmauksen tyyppi voi olla:

Merkistö: Palauttaa merkkijonon kanssa vastaavat taulukon kohteet.

Objekti: Objekti on hakumalli taulukossa. Esimerkiksi: filter: {"name" : "H", "city": "London"} palauttaa taulukon kohteet, joiden nimessä on kirjain "H" ja kaupungissa on "London". Katso yllä oleva esimerkki.

Funktio: Funktio, joka kutsutaan jokaiselle taulukon kohteelle, ja joka palauttaa true:n kohteet näkyvät tulostaulukossa. Esimerkki: filter: {"name" : "H", "city": "London"} palauttaa taulukon kohteet, joiden nimessä on kirjain "H" ja kaupungissa on "London". Katso yllä oleva esimerkki.
comparator

Valinnainen. Määrittele vertailun tarkkuus. Arvo voi olla:

true: Palautetaan vastaava kohta vain, jos taulukon kohteen arvo on täysin sama kuin vertailtava arvo.

false: Jos taulukon kohteen arvo sisältää vertailtavaa arvoa, palautetaan vastaava kohta. Tämä vertailu ei erottaa isokirjaimia pienikirjaimista. Tämä on oletusarvo.

Funktio: Voimme määritellä funktion, joka määrittää, mitä pidetään vastaavaksi tai eikä vastaavaksi.

AngularJS viittausopas