Stilsetting av Angular-komponenter

La oss nå style vårt oppsett gjennom CSS. For dette trenger vi filen app.component.css, der man skriver CSS-stiler for komponentens oppsett. Samtidig sørger Angular selv for at stilene fungerer som CSS-moduler. Dette betyr at alle selektorer bare vil virke for komponentens oppsett og ikke vil fange opp oppsettet utenfor.

La oss se på det i praksis. Anta at vår komponent har følgende oppsett:

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

La oss sette farge på div-en:

app/app.component.cssdiv {
  color: red;
}

Samtidig kan vi være sikre på at stilen bare vil gjelde for div-er fra vår komponent, og ikke for noen andre.