Contoh
Perubahan kelas dari elemen <div>:
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
Cobalah sendiri " Definisi dan Penggunaan
The ng-class direktif dinamis mengikat satu atau lebih kelas CSS untuk elemen HTML.
Nilai ng-class direktif dapat berupa string, objek, atau array.
Jika itu adalah string, itu harus berisi satu atau lebih, nama kelas yang dipisahkan oleh spasi.
Sebagai objek, harus mengandung pasangan kunci-nilai, di mana kuncinya adalah nilai boolean, dan nilai adalah nama kelas dari kelas yang ingin Anda tambahkan. kelas hanya akan ditambahkan jika kunci diatur ke benar.
Sebagai array, itu bisa menjadi kombinasi keduanya. Setiap elemen array dapat berupa string, atau benda, dijelaskan seperti di atas.
Sintaksis
< element ng-class=" expression "></ element >Didukung oleh semua elemen HTML.
Nilai parameter
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |