Angular-komponentstyle

Laat ons nou ons opmaak via CSS styliseer. Vir dit sal die lêer app.component.css nuttig wees, waarin CSS-style vir die komponent se opmaak geskryf word. Intussen sorg Angular self daarvoor dat style werk soos 'n CSS-module. Dit beteken dat alle selektore slegs sal werk vir die komponent se opmaak en nie die opmaak van buite sal beïnvloed nie.

Laat ons in die praktyk kyk. Gestel ons komponent het die volgende opmaak:

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

Laat ons kleur aan die div gee:

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

Intussen kan ons verseker wees dat die styl slegs toegepas sal word op dive uit ons komponent, en op geen ander nie.