Angular komponento stiliai

Dabar sutvarkykime mūsų išdėstymą naudodami CSS. Tam mums pravers failas app.component.css, kuriame rašomi CSS stiliai komponento išdėstymui. Tuo pačiu Angular pats rūpinasi, kad stiliai veiktų kaip CSS modulis. Tai reiškia, kad visi selektoriai veiks tik komponento išdėstymui ir neperims išorės išdėstymo.

Pažiūrėkime praktiškai. Tarkime, mūsų komponente yra toks išdėstymas:

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

Priskirkime spalvą div elementui:

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

Tuo pačiu galime būti tikri, kad stilius bus taikomas tik mūsų komponento div elementams, ir jokiam kitam.