Perintah AngularJS ng-class

Definisi dan penggunaan

ng-class Perintah 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 dengan 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, ia boleh menjadi gabungan kedua-duanya. Setiap elemen array boleh menjadi 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 Kembali!</h1>
    <p>Saya suka!</p>
</div>

Coba Sendiri

Sintaks

<element ng-class="expression</element>

Semua elemen HTML mendukung.

Parameter