Mengikat Gaya CSS kepada Tag dalam Angular

Untuk elemen HTML, kita juga boleh menetapkan set gaya tertentu. Ini dilakukan dengan menggunakan direktif ngStyle. Ke dalam direktif ini, kita harus menghantar objek yang mengandungi sifat CSS dan nilainya.

Mari kita cuba:

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