Chỉ thị ng-class-odd
của AngularJS
Ví dụ
Đặt class="striped" cho mọi hàng trong bảng (lẻ) khác:
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-class-odd
liên kết động một hoặc nhiều lớp CSS với một phần tử HTML, nhưng sẽ chỉ có hiệu lực đối với mọi hình thức (lẻ) khác của phần tử HTML.
Lệnh ng-class-odd
sẽ chỉ hoạt động nếu nó được sử dụng cùng với lệnh ng-repeat
.
Lệnh ng-class-odd
hoàn hảo để tạo 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 trên bất kỳ phần tử HTML nào.
Cú pháp
< element ng-class-odd=" expression "></ element >
Được hỗ trợ bởi tất cả các phần tử HTML.
Giá trị tham số
Value | Description |
---|---|
expression | An expression that returns one or more class names. |