Hướng dẫn AngularJS ng-class-odd

Định nghĩa và cách sử dụng

ng-class-odd Hướng dẫn động Binding một hoặc nhiều lớp CSS vào phần tử HTML, nhưng chỉ hoạt động khi phần tử HTML xuất hiện ở vị trí chẵn (số lẻ).

ng-class-odd Hướng dẫn chỉ có thể hoạt động khi ng-repeat chỉ có hiệu lực khi sử dụng cùng nhau.

ng-class-odd Cơ sở dữ liệu phù hợp để đặt kiểu cho các mục trong danh sách hoặc các hàng trong bảng, nhưng nó có thể được sử dụng cho bất kỳ phần tử HTML nào.

Mô hình

Đặt class="striped" cho hàng bảng chẵn (hàng chẵn):

<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-odd="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

Thử ngay

Cú pháp

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

Tất cả các phần tử HTML đều hỗ trợ.

Tham số