అంగులార్ జి orderBy ఫిల్టర్

నిర్వచనం మరియు ఉపయోగం

orderBy ఫిల్టర్లు మారియు పదార్థాలను క్రమీకరించడానికి అనుమతిస్తాయి.

డిఫాల్ట్ లో, పదార్థాలు అక్షర క్రమంలో, సంఖ్యలు సంఖ్యాక్రమంలో క్రమీకరించబడతాయి.

సంబంధిత పేజీలు

అంగులార్ జి శిక్షణాలు:ఏంజులర్ జి ఫిల్టర్స్

ఉదాహరణ

ఉదాహరణ 1

అక్షర క్రమంలో ప్రదర్శించండి:

<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"];
});

亲自试一试

ఉదాహరణ 2

నగరం "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" : "బట్టమ్-డాలర్ మార్కెట్స్", "city" : "త్సావాసెన్"},
        {"name" : "అల్ఫ్రెడ్స్ ఫ్యూటర్ కిస్ట్", "city" : "బెర్లిన్"},
        {"name" : "బోన్ అప్", "city" : "మార్సెల్లె"},
        {"name" : "కాక్టస్ కమిడస్ పారా లేవర్", "city" : "బ్యూనోస్ ఐరీస్"},
        {"name" : "బోలిడో కమిడస్ ప్రెపారేడ్స్", "city" : "మాడ్రిడ్"},
        {"name" : "Around the Horn", "city" : "London"},
        {"name" : "B's Beverages", "city" : "London"}
    ];
});

亲自试一试

ఉదాహరణ 3

నగరం "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" : "బట్టమ్-డాలర్ మార్కెట్స్", "city" : "త్సావాసెన్"},
        {"name" : "అల్ఫ్రెడ్స్ ఫ్యూటర్ కిస్ట్", "city" : "బెర్లిన్"},
        {"name" : "బోన్ అప్", "city" : "మార్సెల్లె"},
        {"name" : "కాక్టస్ కమిడస్ పారా లేవర్", "city" : "బ్యూనోస్ ఐరీస్"},
        {"name" : "బోలిడో కమిడస్ ప్రెపారేడ్స్", "city" : "మాడ్రిడ్"},
        {"name" : "Around the Horn", "city" : "London"},
        {"name" : "B's Beverages", "city" : "London"}
    ];
});

亲自试一试

语法

{{ array | orderBy : expression : రివర్స్ }}

参数