Angular komponenta stili

Tagad formatēsim mūsu izkārtojumu ar CSS. Šim nolūkam mums noderēs fails app.component.css, kurā raksta CSS stilus komponentes izkārtojumam. Tajā pašā laikā Angular pats rūpējas, lai stili strādātu kā CSS modulis. Tas nozīmē, ka visi selektori darbosies tikai komponentes izkārtojumam un neaptvers izkārtojumu no ārpuses.

Apskatīsim praksē. Pieņemsim, ka mūsu komponentē ir šāds izkārtojums:

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

Uzstādīsim krāsu div:

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

Tajā pašā laikā mēs varam būt pārliecināti, ka stils tiks piemērots tikai div mūsu komponentē, un ne citiem.