Instruksi AngularJS ng-class

Definisi dan penggunaan

ng-class Instruksi ini digunakan untuk mengikat secara dinamis satu atau beberapa kelas CSS ke elemen HTML.

ng-class Nilai perintah dapat berupa string, objek, atau array.

Jika ia adalah string, ia seharusnya mengandung satu atau beberapa nama kelas yang dipisahkan oleh spasi.

Sebagai objek, ia seharusnya mengandung pasangan kunci nilai, di mana kunci adalah nama kelas yang ingin anda tambahkan, dan nilai adalah nilai boolean. Hanya ketika nilai diatur ke true, kelas itu akan ditambahkan.

Sebagai array, ini dapat menjadi kombinasi kedua. Setiap elemen array dapat berupa string atau objek yang dijelaskan di atas.

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>Selamat Datang Di Rumah!</h1>
    <p>Saya suka nya!</p>
</div>

Coba Sendiri

Sintaks

<elemen ng-class="ekspresi</elemen>

Semua elemen HTML mendukung.

Parameter