دستورالعمل AngularJS ng-class-odd

تعریف و استفاده

ng-class-odd دستورالعمل به صورت دینامیک یک یا چند کلاس CSS را به عنصر HTML پیوند می‌دهد، اما تنها در حالتی که عنصر HTML در هر بار (عدد غیرصفر) ظاهر می‌شود، معتبر است.

ng-class-odd دستورالعمل تنها در صورت ng-repeat هنگامی که با هم استفاده می‌شوند، مؤثر هستند.

ng-class-odd این دستورالعمل برای تنظیم استایل برای موارد در لیست یا ردیف‌های جدول بسیار مناسب است، اما می‌تواند برای هر عناصر HTML استفاده شود.

مثال

برای تنظیم کلاس برای هر ردیف غیر از ردیف اول (ردیف‌های زوج) تنظیم کنید:

<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 عبارتی که یک یا چند نام کلاس را برمی‌گرداند.