Gaya Komponen Angular
Sekarang mari kita gayakan markup kami melalui
CSS. Untuk ini, kami akan memerlukan fail
app.component.css, di mana gaya
CSS untuk markup komponen ditulis. Pada masa yang sama,
Angular sendiri memastikan bahawa gaya
berfungsi sebagai modul CSS. Ini bermakna
semua pemilih (selector) hanya akan berfungsi untuk
markup komponen dan tidak akan menjejaskan
markup di luar.
Mari kita lihat dalam praktik. Katakan dalam komponen kami terdapat markup berikut:
<div>
abcde
</div>
Mari kita tetapkan warna untuk div:
div {
color: red;
}
Pada masa yang sama, kami boleh yakin bahawa gaya hanya akan diterapkan pada div dari komponen kami, dan bukan pada yang lain.
Buat beberapa markup dalam fail templat. Tulis gaya untuk markup tersebut.
