Angularda tege CSS stillerini berkitlemek

HTML elementi üçin biz belli bir stil toplumyny hem kesgitlep bileris. Bu ngStyle direktiwasy arkaly amala aşyrylýar. Bu direktiwada CSS aýratynlyklary we olaryň bahalary bilen bir objekti bermek gerek.

Geliň synap göreliň:

app/app.component.html<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
  tekst
</div>

app/app.component.tsexport class AppComponent {
  public obj = {
    color: 'red',
    fontSize: '30px',
    fontWeight: 'bold'
  }
}