Angularda CSS uslublarini tegga bog‘lash

HTML-element uchun biz ma'lum bir uslublar to‘plamini ham belgilashimiz mumkin. Buning uchun ngStyle direktividan foydalaniladi. Ushbu direktivga CSS xususiyatlari va ularning qiymatlaridan iborat obyekt uzatilishi kerak.

Keling, sinab ko'ramiz:

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

Quyidagi obyekt berilgan:

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

Ushbu obyekt yordamida biron bir tegni uslab bezang.