orderBy
Misol
Elementlarni alifbo tartibida ko‘rsating:
<div ng-app="myApp" ng-controller="orderCtrl">
<ul>
<li ng-repeat="x in cars | orderBy">{{x}}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('orderCtrl', function($scope) {
$scope.cars = ["Dodge", "Fiat", "Audi", "Volvo", "BMW", "Ford"];
});
</script>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
orderBy filtri massivni tartiblash imkonini beradi.
Standart holatda stringlar alifbo tartibida, sonlar esa son qiymati bo‘yicha tartiblanadi.
Sintaksis
{{ array | orderBy : expression : reverse }}
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| expression | Tartibni aniqlash uchun ishlatiladigan ifoda. Ifoda quyidagi tipda bo‘lishi mumkin: String: agar massiv obyektlar massivi bo‘lsa, massivni obyekt xususiyatlaridan birining qiymati bo‘yicha tartiblashingiz mumkin. Quyidagi misollarga qarang. Function: tartiblashni tashkil qilish uchun funksiya yaratishingiz mumkin. Array: tartiblash tartibini aniqlash uchun bir nechta obyekt xususiyati kerak bo‘lsa, massivdan foydalaning. Massiv elementlari ham string, ham funksiya bo‘lishi mumkin. |
| reverse | Ixtiyoriy. Massiv tartibini teskari qilmoqchi bo‘lsangiz, true qiymatini bering. |
Ko‘proq misollar
Misol
Massivni "city" bo‘yicha tartiblang:
<div ng-app="myApp" ng-controller="orderCtrl">
<ul>
<li ng-repeat="x in customers | orderBy : 'city'">{{x.name + ", " + x.city}}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('orderCtrl', function($scope) {
$scope.customers = [
{"name" : "Bottom-Dollar Marketse" ,"city" : "Tsawassen"},
{"name" : "Alfreds Futterkiste", "city" : "Berlin"},
{"name" : "Bon app", "city" : "Marseille"},
{"name" : "Cactus Comidas para llevar", "city" : "Buenos Aires"},
{"name" : "Bolido Comidas preparadas", "city" : "Madrid"},
{"name" : "Around the Horn", "city" : "London"},
{"name" : "B's Beverages", "city" : "London"}
];
});
</script>
O‘zingiz sinab ko‘ring »
Misol
Massivni "city" bo‘yicha kamayish tartibida tartiblang:
<div ng-app="myApp" ng-controller="orderCtrl">
<ul>
<li ng-repeat="x in customers | orderBy : '-city'">{{x.name + ", " + x.city}}</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('orderCtrl', function($scope) {
$scope.customers = [
{"name" : "Bottom-Dollar Marketse" ,"city" : "Tsawassen"},
{"name" : "Alfreds Futterkiste", "city" : "Berlin"},
{"name" : "Bon app", "city" : "Marseille"},
{"name" : "Cactus Comidas para llevar", "city" : "Buenos Aires"},
{"name" : "Bolido Comidas preparadas", "city" : "Madrid"},
{"name" : "Around the Horn", "city" : "London"},
{"name" : "B's Beverages", "city" : "London"}
];
});
</script>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
AngularJS darsligi: Angular filtrlari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!