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. |