ng-class-oddتوجيه AngularJS


مثال

تعيين 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>

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

يربط ng-class-oddالتوجيه ديناميكيًا فئة أو أكثر من فئات CSS بعنصر HTML ، ولكن لن يكون له تأثير إلا على كل مظهر آخر (غريب) لعنصر HTML.

لن يعمل ng-class-oddالتوجيه إلا إذا تم استخدامه مع ng-repeatالتوجيه.

يعتبر ng-class-oddالتوجيه مثاليًا لتصميم العناصر في قائمة أو صفوف في جدول ، ولكن يمكن استخدامه على أي عنصر HTML.


بناء الجملة

<element ng-class-odd="expression"></element>

مدعوم من قبل جميع عناصر HTML.


قيمه المعامل

Value Description
expression An expression that returns one or more class names.