En son web geliştirme öğreticiler
 

AngularJS filtre filtre


Örnek

Harfi içeren öğeleri görüntüler "A" :

<div ng-app="myApp" ng-controller="arrCtrl">

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

</div>

<script>
var app = angular.module('myApp', []);
app.controller('arrCtrl', function($scope) {
    $scope.cars = ["Aston Martin", "Audi", "Bentley", "BMW", "Bugatti"];
});
</script>
Kendin dene "

Tanımı ve Kullanımı

filter süzgeç bize bir dizi filtre ve sadece uygun ürün içeren bir dizi dönmek için izin verir.

Bu süzgeç sadece diziler için kullanılabilir.


Sözdizimi

{{ arrayexpression | filter : expression : comparator }}

Parametre Değerleri

değer Açıklama
expression diziden öğeleri seçerken kullanılan bir ifadedir. sentezleme tipte olabilir:

Dize: dizeyle eşleşen dizi ürünler iade edilecektir.

Nesne: nesne dizide aramak için kalıptır. Örnek: {"name" : "H" , "city" : "London"} harfi içeren bir adla dizi öğeleri dönecektir "A" şehir sözcüğünü içeren, "London" . Aşağıdaki örneğe bakın.

Fonksiyon: işlev true döndüren her dizi öğesi için adı verilecek bir fonksiyon ve ürün sonuç dizide olacak.
comparator İsteğe bağlı. karşılaştırma ne kadar sıkı tanımlar. değeri şunlar olabilir:

Gerçek: dizi öğesinin değerini biz ile karşılaştırın tam olarak ne olduğu takdirde bir maç döndürür.

Yanlış: dizi öğesinin değerini biz ile karşılaştırmak neyi içeriyorsa bir maç döndürür. Bu karşılaştırma sensitiv harf ayrımı yapmaz. Bu varsayılan değerdir.

fonksiyon: Biz bir maç olarak kabul ya da değil ne olacağını tanımlayabilirsiniz bir işlev.

Diğer Örnekler

Örnek

bir filtre gibi bir nesne kullanım:

<div ng-app="myApp" ng-controller="arrCtrl">

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

</div>

<script>
var app = angular.module('myApp', []);
app.controller('arrCtrl', function($scope) {
    $scope.customers = [
        {"name" : "Alfreds Futterkiste", "city" : "Berlin"},
        {"name" : "Around the Horn", "city" : "London"},
        {"name" : "B's Beverages", "city" : "London"},
        {"name" : "Bolido Comidas preparadas", "city" : "Madrid"},
        {"name" : "Bon app", "city" : "Marseille"},
        {"name" : "Bottom-Dollar Marketse" ,"city" : "Tsawassen"},
        {"name" : "Cactus Comidas para llevar", "city" : "Buenos Aires"}
    ];
});
</script>
Kendin dene "

Örnek

Bir Do "strict" değer ifadesi ile tam olarak aynı olmadığı sürece bir maç dönmez karşılaştırma:

<div ng-app="myApp" ng-controller="arrCtrl">

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

</div>

<script>
var app = angular.module('myApp', []);
app.controller('arrCtrl', function($scope) {
    $scope.customers = [
        {"name" : "London Food", "city" : "London"},
        {"name" : "London Catering", "city" : "London City"},
        {"name" : "London Travel", "city" : "Heathrow, London"}
    ];
});
</script>
Kendin dene "

İlgili Sayfalar

Angularjs Eğitimi: Açısal Filtreler