CSS стильдерін Angular тегіне байлау

HTML-элемент үшін біз белгілі бір стильдер жиынтығын беруге болады. Бұл ngStyle директивасының көмегімен жасалады. Бұл директиваға CSS қасиеттері мен олардың мәндері бар объект беру керек.

Келіңіздер, сынап көрейік:

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

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