Angular komponent styling

Lad os nu style vores layout gennem CSS. Til dette vil filen app.component.css være nyttig, hvor CSS-stilarter for komponentens layout skrives. Samtidig sørger Angular selv for, at stilarterne virker som CSS-moduler. Det betyder, at alle selektorer kun vil virke for komponentens layout og ikke vil fange layout udefra.

Lad os se det i praksis. Antag at vores komponent har følgende layout:

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

Lad os give div'en en farve:

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

Samtidig kan vi være sikre på, at stilen kun anvendes på div'er fra vores komponent, og ikke på nogen andre.