مصفى orderBy في AngularJS

تعريف الاستخدام

orderBy تسمح الفلاتر بترتيب الأعداد.

بالافتراض، يتم ترتيب الأعداد حسب التسلسل الأبجدي، والعدد حسب التسلسل العددي.

الصفحات ذات الصلة

دليل AngularJS:مرشحات 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"];
]];
);

</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" : "بوتوم-دولار ماركتس", "city" : "تساواسين"},
        {"name" : "ألفريدز فوتيركست", "city" : "برلين"},
        {"name" : "بون اب", "city" : "مارسيليا"},
        {"name" : "كاكتوس اطعمة للتحضير", "city" : "بوانوس ايريس"},
        {"name" : "بوليدو اطعمة معدة", "city" : "مدريد"},
        {"name" : "Around the Horn", "city" : "London"},
        {"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" : "بوتوم-دولار ماركتس", "city" : "تساواسين"},
        {"name" : "ألفريدز فوتيركست", "city" : "برلين"},
        {"name" : "بون اب", "city" : "مارسيليا"},
        {"name" : "كاكتوس اطعمة للتحضير", "city" : "بوانوس ايريس"},
        {"name" : "بوليدو اطعمة معدة", "city" : "مدريد"},
        {"name" : "Around the Horn", "city" : "London"},
        {"name" : "Around the Horn", "city" : "London"}
    {"name" : "B's Beverages", "city" : "London"}
]];
);

</script>

تجربة شخصية

القواعد {{ مجموعة وصف | orderBy : مجموعة: إذا كنت بحاجة إلى استخدام خصائص متعددة لتحديد ترتيب الترتيب، استخدم مجموعة. يمكن أن تكون العناصر في المجموعة نصية أو دالة. :

}}