Slogi komponente Angular
Pobarvajmo zdaj našo postavitev s
CSS. Za to bo priročna datoteka
app.component.css, v kateri pišemo
CSS sloge za postavitev komponente. Pri tem
se Angular sam poskrbi, da slogi
delujejo kot CSS modul. To pomeni, da
bojo vsi selektorji delovali samo za
postavitev komponente in ne bodo zajeli
postavitve zunaj.
Poglejmo v praksi. Naj bo v naši komponenti naslednja postavitev:
<div>
abcde
</div>
Določimo barvo div-u:
div {
color: red;
}
Pri tem smo lahko prepričani, da se bo slog uporabil samo za div-e iz naše komponente, in ne za katere koli druge.
Naredite v datoteki s predlogo nekaj postavitve. Napišite sloge za to postavitev.