AngularJS orderBy ਫਿਲਟਰ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

orderBy ਫਿਲਟਰ ਸਾਡੇ ਲਈ ਮੰਡਲੀ ਨੂੰ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ。

ਮੂਲਤਬੀ ਤੌਰ 'ਤੇ ਸਟਰਿੰਗ ਅਕਸ਼ਰਵਾਰਧੀ ਕਰਦੇ ਹਨ, ਅਨੁੱਖਿਆ ਅਨੁੱਖਿਆ ਕਰਦੇ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

AngularJS ਸਿੱਖਿਆਬੋਧਨ:انگولار جی ایس فیلٹر

ਇੰਟੈਸਟੈਂਸ

ਉਦਾਹਰਣ 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"];
);
</script>

خود کا تجربہ کریئے

ਉਦਾਹਰਣ 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" : "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>

خود کا تجربہ کریئے

ਉਦਾਹਰਣ 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" : "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>

خود کا تجربہ کریئے

گرامر

{{ آرائی | orderBy : جملہ بولی : آرائی }}

پارامتر