CSS-styling aan 'n etiket bind in Angular

Vir 'n HTML-element kan ons ook 'n spesifieke stel style spesifiseer. Dit word gedoen met behulp van die ngStyle-richtlijn. Aan hierdie richtlijn moet 'n voorwerp met CSS eienskappe en hul waardes oorgedra word.

Kom ons probeer:

app/app.component.html<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
  teks
</div>

app/app.component.tsexport class AppComponent {
  public obj = {
    color: red,
    fontSize: '30px',
    fontWeight: 'bold'
  }
}