CSS სტილების HTML თეგთან მიბმა Angular-ში

HTML ელემენტისთვის ჩვენ ასევე შეგვიძლია მივუთითოთ სტილების გარკვეული ნაკრები. ეს კეთდება ngStyle დირექტივის გამოყენებით. ამ დირექტივას უნდა გადავცეთ ობიექტი CSS თვისებებითა და მათი მნიშვნელობებით.

მოდით ვცადოთ:

<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
	text
</div>

მოცემულია ობიექტი:

export class AppComponent {
	public obj = {
		color: red,
		fontSize: '30px',
		fontWeight: 'bold'
	}
}

დასტაილეთ რაიმე თეგი ამ ობიექტის გამოყენებით.