Pada tutorial kali ini saya akan masih membahas tentang angular 4 yaitu, Menggunakan ngClass Pada Angular 4, setelah sebelumnya kita sudah membahas panjang tentang ngStyle dan bagi yang belum baca bisa anda search di artikel sebelumnya.

NgClass memungkinkan Anda mengatur kelas CSS secara dinamis untuk elemen DOM, Inilah dua cara untuk menggunakan direktif ini, yang pertama adalah dengan mengirimkan sebuah objek secara literal ke direktif, seperti ini :

Bila menggunakan objek secara literal, kunci adalah kelas yang ditambahkan ke elemen jika nilai kunci dievaluasi ke true. Jadi, di contoh di atas, karena nilainya benar, ini akan membuat teks kelas sukses ke elemen yang dilampirkan. Nilai juga bisa menjadi ungkapan, jadi kita bisa menulis ulang

Mari menerapkan aplikasi demo nama berwarna menggunakan ngClass alih-alih ngStyle.

Karena objek literal bisa berisi banyak kunci kita juga bisa mengatur banyak nama kelas. Sekarang kita bisa mewarnai teks kita dengan warna yang berbeda untuk setiap negara dengan satu pernyataan. Jika kita menjalankan kode di atas, kita akan melihat

Oke baiklah itu saja untuk artikel tentang Menggunakan ngClass Pada Angular 4, sampai bertemu pada artikel selanjutnya.