CSS ոճերի կապումը թեգին Angular-ում

HTML-տարրի համար մենք կարող ենք նաև սահմանել որոշակի ոճերի հավաքածու։ Դա արվում է ngStyle դիրեկտիվի օգնությամբ։ Այս դիրեկտիվին պետք է փոխանցել օբյեկտ CSS հատկություններով և դրանց արժեքներով։

Փորձենք.

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

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