Örnek
alfabetik öğeleri görüntüler:
<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>
Kendin dene " Tanımı ve Kullanımı
orderBy filtresi bize bir diziyi sıralamak için izin verir.
Varsayılan olarak, dizeleri alfabetik sıralanır ve sayılar sayısal olarak sıralanır.
Sözdizimi
{{ array | orderBy :
expression :
reverse }}Parametre Değerleri
| değer | Açıklama |
|---|---|
| expression | sentezleme sırasını belirlemek için kullanılır. sentezleme tipte olabilir: Yaylı: dizi nesneler dizisi ise, nesne özellikleri birinin değeri ile dizi sıralayabilir. Aşağıdaki örneklere bakın. İşlev: Sen sıralamayı düzenlemek için bir işlev oluşturabilirsiniz. Dizi: Eğer sıralama sırasını belirlemek için birden fazla nesne özelliğini gerekirse bir dizi kullanın. Dizi öğeleri dizeleri ve işlevleri ikisi de olabilir. |
| reverse | İsteğe bağlı. Eğer dizinin sırasını tersine çevirmek istiyorsanız true olarak ayarlayın. |
Diğer Örnekler
Örnek
Tarafından diziyi sıralar "city" :
<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>
Kendin dene " Örnek
Tarafından diziyi sıralar "city" azalan sırada:
<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>
Kendin dene " İlgili Sayfalar
Angularjs Eğitimi: Açısal Filtreler