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ử:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Có một đối tượng:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Hãy tạo kiểu cho một thẻ bất kỳ bằng cách sử dụng đối tượng này.