Binding CSS Styles ke Tag di Angular

Untuk elemen HTML, kita juga dapat menetapkan seperangkat gaya tertentu. Hal ini dilakukan dengan bantuan direktif ngStyle. Ke direktif ini, kita harus meneruskan objek dengan properti CSS dan nilainya.

Mari kita coba:

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