Associare gli stili CSS a un tag in Angular

Per un elemento HTML possiamo anche impostare un insieme specifico di stili. Questo viene fatto con l'aiuto della direttiva ngStyle. A questa direttiva dovrebbe essere passato un oggetto con proprietà CSS e i loro valori.

Proviamo:

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