Mchaji orderBy wa AngularJS

Mifano na matumizi

orderBy Mchaji huweza kutafutia orodha.

Kwa kawaida, majina ya maandiko hutafutwa kwa harufi, viwango vya namba hutafutwa kwa namba.

Vichwa vya mtaalamu

Mafunzo ya AngularJS:Filtri za Angular

Mivuno

Mfano 1

Onyesha vitabu kwa harufi

<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>

Jaribu kwenye mawasiliano

Mfano 2

Kueleza "city" kuwa orodha
<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>

Jaribu kwenye mawasiliano

Mfano 3

Kueleza "city" kuwa orodha kudogo
<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>

Jaribu kwenye mawasiliano

Makadiri

{{ matokeo | orderBy : mifano : Matokeo: Ikiwa unaingia na mpangilio wa kina wa watu wengi kwa kubadilisha mpangilio wa kina, tumia matokeo. Matokeo yanaweza kuwa matukio na mifano. }}

Vifaa