Tilføjelse af CSS-stilarter til et tag i Angular

For et HTML-element kan vi også angive et bestemt sæt stilarter. Dette gøres med hjælp af direktivet ngStyle. Til dette direktiv skal man overføre et objekt med CSS egenskaber og deres værdier.

Lad os prøve:

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