Lidhja e Stileve CSS me Tag në Angular

Për një element HTML ne gjithashtu mund të caktojmë një grup të caktuar stilesh. Kjo bëhet me ndihmën e direktivës ngStyle. Në këtë directivë duhet t'i kalohet një objekt me vetitë CSS dhe vlerat e tyre.

Le të provojmë:

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