AngularJS filter filtresi

AngularJS Referans Kılavuzu

Tanım ve kullanım

filter Filtreler, dizileri filtreleyebilir ve sadece eşleşen öğeleri içeren diziler döndürebilir.

Bu filtre yalnızca diziler için kullanılabilir.

İlgili sayfalar

AngularJS Eğitimi:Angular Filtre

Örnek

Örnek 1

A harfi içeren öğeleri gösterir:



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

亲自试一试

Örnek 2

Nesne kullanarak filtreleme:



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

亲自试一试

例子 3

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



    

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

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

parametreler

parametreler tanımlama
expression

Dizinden projeleri seçmek için kullanılan ifade. İfade türü şu olabilir:

String: İfade ile eşleşen dizin öğelerini döndürür.

Nesne: Dizinde arama yapılacak modeldir. Örneğin: filter: {"name" : "H", "city": "London"} adı "H" içerir ve şehir "London" olan dizin öğelerini döndürür. Yukarıdaki örneğe bakın.

Fonksiyon: Her dizin öğesi için çağrılacak bir fonksiyondur ve fonksiyon true döndürdüğü öğeler sonuç dizisinde görünür.
comparator

Opsiyonel. Karşılaştırmanın katırlılığını tanımlar. Değerler şunlardır:

true: Sadece dizinin öğesinin değeri karşılaştırılacak değere tam olarak eşitse, eşleşen öğeleri döndürür.

false: Dizinin öğesinin değeri karşılaştırılacak değeri içeriyorsa, eşleşen öğeleri döndürür. Bu karşılaştırma büyük/küçük harfe duyarlı değildir. Bu varsayılan değerdir.

Fonksiyon: Bir fonksiyon tanımlayabiliriz ki bu fonksiyon neyin eşleştiğini veya eşleşmediğini belirler.

AngularJS Referans Kılavuzu