تعليمات 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 تعبر عن أو أكثر من اسم فئة.