Filtr AngularJS

Podręcznik AngularJS

Definicja i użycie

filter Filtr pozwala nam filtrować tablice i zwraca tablicę zawierającą tylko dopasowane elementy.

Ten filtr może być używany tylko dla tablic.

Strony związane

Tutorial AngularJS:Filtrowanie Angular

Przykład

Przykład 1

Wyświetla elementy zawierające literę "A":



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

亲自试一试

Przykład 2

Używanie obiektu jako filtra:



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

亲自试一试

例子 3

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



    

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

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

parametry

parametry opis
expression

Wyrażenie używane do wyboru elementów z tablicy. Typ wyrażenia może być:

Ciąg znaków: Zwróci elementy tablicy, które pasują do ciągu znaków.

Obiekt: Obiekt jest wzorcem, który jest przeszukiwany w tablicy. Na przykład: filter: {"name" : "H", "city": "London"} zwróci elementy tablicy, które zawierają literę "H" w nazwie i miasto "London". Zobacz powyższy przykład.

Funkcja: Funkcja, która zostanie wywołana dla każdego elementu tablicy i elementy, dla których funkcja zwróci wartość true, będą pojawiać się w wynikowej tablicy. Przykład poniżej.
comparator

Opcjonalne. Definiuje stopień rygorystyczności porównania. Wartością może być:

true: Zwraca dopasowanie tylko wtedy, gdy wartość elementu tablicy jest dokładnie taka sama jak wartość do porównania.

false: Zwraca dopasowanie, jeśli wartość elementu tablicy zawiera wartość do porównania, porównanie nie rozróżnia wielkości liter. Jest to wartość domyślna.

Funkcja: Możemy zdefiniować funkcję, aby określić, co uważa się za dopasowanie lub niezgodność.

Podręcznik AngularJS