tutorial pengembangan web terbaru
 

AngularJS ng-kelas Directive


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.