Component’s Style
Tidak hanya component’s template saja yang dapat dibuat menggunakan 2 cara (via Url path atau inline), namun begitu juga dengan component’s style.
Saat kita membuat component baru, secara default kode yang muncul adalah penggunaan styleUrls untuk mencari path dimana file CSS berada:
Buka dan isi file product.component.css seperti ini:
Inline Styling
Kita akan mencoba menggunakan inline styling pada component products.
Buka file products.component.ts, lalu ubah styleUrls menjadi styles, dan isi value-nya seperti ini:
Perhatikan bahwa opsi styles ini berupa array (of CSS styles).
Pembuktian
Jalankan “ng serve” dan buka browser. Jika Anda melakukan semua langkah di atas seharusnya Anda akan dapati tampilan seperti ini:
Atribusi Anda berupa clapping, sharing, ngasih komentar, dan following blog ini dapat menimbulkan efek samping berupa semangat menulis yang menggebu bagi saya
