Liên kết CSS với thẻ trong Angular

Đối với phần tử HTML, chúng ta cũng có thể đặt một bộ kiểu cụ thể. Điều này được thực hiện bằng chỉ thị ngStyle. Chỉ thị này nên được truyền một đối tượng chứa các thuộc tính CSS và giá trị của chúng.

Hãy thử:

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