Legarea stilurilor CSS unui tag în Angular

Pentru un element HTML putem de asemenea să setăm un anumit set de stiluri. Acest lucru se face cu ajutorul directivei ngStyle. În această directivă trebuie să transmiți un obiect cu proprietăți CSS și valorile lor.

Să încercăm:

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'
  }
}