Пайвастани CSS услуби ба тег дар Angular

Барои унсури HTML мо инчунин метавонем маҷмӯи муайяни услубҳоро муқаррар кунем. Ин кор бо ёрии директиви ngStyle анҷом дода мешавад. Ба ин директив бояд объект бо хусусиятҳои CSS ва арзишҳои онҳоро гузаронид.

Биёед санҷем:

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

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