Hướng dẫn ng-class-even của AngularJS

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

ng-class-even Hướng dẫn động binding một hoặc nhiều lớp CSS vào các yếu tố HTML, nhưng chỉ hoạt động khi yếu tố HTML xuất hiện mỗi lần (số chẵn).

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

ng-class-even Cú pháp này rất 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-even="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

Thử ngay

Cú pháp

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

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

Tham số

Tham số Mô tả
expression Trả về biểu thức của một hoặc nhiều tên lớp.