Exemplu
Afișează elementele în ordine alfabetică:
<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>
Încearcă - l singur » Definiție și utilizare
orderBy Filtrul ne permite să sorteze o matrice.
Implicit, siruri de caractere sunt sortate în ordine alfabetică, iar numerele sunt sortate numeric.
Sintaxă
{{ array | orderBy :
expression :
reverse }}Valorile parametrilor
| Valoare | Descriere |
|---|---|
| expression | Expresia utilizată pentru a determina ordinea. Expresia poate fi de tip: String: Dacă matricea este o matrice de obiecte, puteți sorta matrice de valoarea uneia dintre proprietățile obiectului. A se vedea exemplele de mai jos. Funcția: Puteți crea o funcție pentru a organiza sortarea. Array: Utilizați o matrice dacă aveți nevoie de mai mult de un obiect de proprietate pentru a determina ordinea de sortare. Elementele de matrice pot fi atât șiruri și funcții. |
| reverse | Opțional. Setați la true dacă doriți să inversa ordinea de matrice. |
Mai multe exemple
Exemplu
Sortarea matrice de "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>
Încearcă - l singur » Exemplu
Sortarea matrice de "city" , în ordine descrescătoare:
<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>
Încearcă - l singur » Pagini similare
AngularJS Tutorial: Filtre unghiulare