Δέσμευση 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'
  }
}