CSS stilu piesaistīšana elementam Angular

HTML elementam mēs varam arī noteikt noteiktu stilu kopumu. Tas tiek darīts ar direktīvas ngStyle palīdzību. Šai directīvai jānodod objekts ar CSS īpašībām un to vērtībām.

Mēģināsim:

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

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