تعليمات AngularJS ng-class-odd
التعريف والاستخدام
تعليمات ng-class-odd
تقوم التعليمات بربط ديناميكيًا واحد أو أكثر من أنواع CSS إلى عنصر HTML، ولكنها تنجح فقط عند ظهور العنصر HTML مرة كل مرة (العدد الظريف) من بين المرات.
تعليمات ng-class-odd
التعليمات يجب أن تكون مرتبطة بـ تعليمات ng-repeat
فعالة فقط عند استخدامها مع التعليمات الأخرى.
تعليمات ng-class-odd
تعليمات ng-class-odd مناسبة جدًا لتحديد النمط للأعمدة في القائمة أو الصفوف في الجدول، ولكن يمكن استخدامها لأي عنصر HTML.
مثال
ضبط class="striped" لكل سطر غير مزدوج (الصف الأول) في جدول:
<table ng-controller="myCtrl"> <tr ng-repeat="x in records" ng-class-odd="'striped'"> <td>{{x.Name}}</td> <td>{{x.Country}}</td> </tr> </table>
القواعد
<element ng-class-odd="expression</element>
كل عناصر HTML تدعمها.
المعلمات
المعلمات | وصف |
---|---|
expression | تعبر عن أو أكثر من اسم فئة. |