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