filter
Misol
Tarkibida "A" harfi bor elementlarni ko‘rsating:
<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>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
filter filtri massivni filtrlash va faqat mos keluvchi elementlardan iborat massivni qaytarish imkonini beradi.
Bu filtrni faqat massivlar uchun ishlatish mumkin.
Sintaksis
{{ arrayexpression | filter : expression : comparator }}
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| expression | Massivdan elementlarni tanlashda ishlatiladigan ifoda. Ifoda quyidagi tipda bo‘lishi mumkin: String: stringga mos keladigan massiv elementlari qaytariladi. Object: obyekt massivda qidiriladigan namuna (pattern) hisoblanadi. Masalan:
filter: {"name" : "H",
"city": "London"} nomida "H" harfi bor va shahrida "London" so‘zi bor massiv elementlarini qaytaradi. Quyidagi misolga qarang.Function: har bir massiv elementi uchun chaqiriladigan funksiya; funksiya true qaytargan elementlar natija massiviga kiradi. |
| comparator | Ixtiyoriy. Taqqoslash qanchalik qat’iy bo‘lishi kerakligini belgilaydi. Qiymat quyidagicha bo‘lishi mumkin: true : faqat massiv elementining qiymati biz taqqoslayotgan qiymat bilan aynan bir xil bo‘lsagina moslik qaytaradi. false : massiv elementining qiymati biz taqqoslayotgan qiymatni o‘z ichiga olsa, moslik qaytaradi. Bu taqqoslash katta-kichik harflarni farqlamaydi. Bu standart qiymat. function : nima moslik hisoblanishi yoki hisoblanmasligini belgilashimiz mumkin bo‘lgan funksiya. |
Ko‘proq misollar
Misol
Filtr sifatida obyektdan foydalaning:
<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>
O‘zingiz sinab ko‘ring »
Misol
Qiymat ifoda bilan aynan bir xil bo‘lmasa, moslik qaytarmaydigan "qat’iy" (strict) taqqoslashni bajaring:
<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>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
AngularJS darsligi: Angular filtrlari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!