Penggunaan Directive ngClass Pada AngularJS

Pada AngularJS sudah menyediakan beberapa fitur yang keren dimana untuk membantu temen temen dalam membuat aplikasi interaktif. Salah satu yang kita akan bahas adalah Directive ngClass. Directive ngClass dapat memungkinkan temen temen untuk mengatur kelas CSS pada elemen HTML secara dinamis dengan menghubungkan data binding yang dimana mewakili semua kelas yang akan ditambahkan.
Berikut adalah contoh sederhana yang kita akan buat.

Pada contoh diatas saya membuat inputan checkbox dengan ngModel yang telah ditentukan. Kemudian temen temen ketik code cssnya

lalu kita tampilkan tulisan dengan menambahkan ngClass pada elemen tersebut

Pada code diatas menambahkan class 'bubble' yang sebelumnya kita buat jika variabel ngModel 'demo' bernilai benar dan hasilnya akan terlihat sempurna.

Demo

Masih Banyak lagi dalam penggunaan Direktif ngClass yang dapat melakukan hal-hal yang mengagumkan. Selamat Mencoba