Instruksi AngularJS ng-class-odd

Definisi dan penggunaan

ng-class-odd Instruksi mengikat dinamis satu atau beberapa kelas CSS ke elemen HTML, tetapi hanya berlaku saat elemen HTML muncul di setiap ganjil (angka ganjil).

ng-class-odd Instruksi hanya berlaku dengan ng-repeat berfungsi hanya saat digunakan bersamaan.

ng-class-odd Instruksi ini sangat cocok untuk menata gaya untuk item dalam daftar atau baris tabel, tetapi dapat digunakan untuk elemen HTML apapun.

Contoh

Atur class="striped" untuk setiap baris tabel yang ganjil (baris ganjil):

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

Coba sendiri

Sintaks

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

Semua elemen HTML mendukung.

Parameter