Angular Component Stijlen

Laten we nu onze opmaak stijlen via CSS. Hiervoor hebben we het bestand app.component.css nodig, waarin de CSS-stijlen voor de opmaak van de component worden geschreven. Tegelijkertijd zorgt Angular er zelf voor dat de stijlen werken als een CSS-module. Dit betekent dat alle selectors alleen zullen werken voor de opmaak van de component en geen opmaak van buitenaf zullen beïnvloeden.

Laten we het in de praktijk bekijken. Stel dat in onze component de volgende opmaak staat:

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

Laten we een kleur instellen voor de div:

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

We kunnen er zeker van zijn dat de stijl alleen wordt toegepast op de div's in onze component, en op geen andere.