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

8 Agustus 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat