Angular'da Etiketlere CSS Stilleri Bağlama

Bir HTML öğesi için belirli bir stil kümesi de tanımlayabiliriz. Bu, ngStyle direktifi kullanılarak yapılır. Bu direktife, CSS özelliklerini ve değerlerini içeren bir nesne iletilmelidir.

Hadi deneyelim:

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