ng-classArahan AngularJS
Contoh
Ubah kelas 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>
Definisi dan Penggunaan
Direktif ng-classsecara dinamis mengikat satu atau lebih kelas CSS ke elemen HTML.
Nilai ng-classdirektif dapat berupa string, objek, atau array.
Jika itu adalah string, itu harus berisi satu atau lebih, nama kelas yang dipisahkan oleh spasi.
Sebagai objek, itu harus berisi pasangan nilai kunci, di mana kuncinya adalah nama kelas dari kelas yang ingin Anda tambahkan, dan nilainya adalah nilai boolean. Kelas hanya akan ditambahkan jika nilainya disetel ke true.
Sebagai array, itu bisa menjadi kombinasi keduanya. Setiap elemen array dapat berupa string, atau objek, yang 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. |