एंजुलरजी orderBy फ़िल्टर

वर्णन और उपयोग

orderBy फ़िल्टर हमें अक्षरगणना करने की अनुमति देते हैं。

डिफ़ॉल्ट में शब्द अक्षरगणना में क्रमबद्ध होते हैं, संख्याएं संख्या क्रमबद्धता में होती हैं。

संबंधित पृष्ठ

एंजुलरजी ट्यूटोरियल:Angular 过滤器

उदाहरण

उदाहरण 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 : reverse }}

参数