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:

app/app.component.html<div>
  abcde
</div>

Določimo barvo div-u:

app/app.component.cssdiv {
  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.