CSS stilinin teqe baglanmasi Angular-da

HTML elementi ucun biz muəyyən bir stil secimi de təyin edə bilərik. Bu ngStyle direktivi vasitesilə edilir. Bu direktivə CSS xüsusiyyətləri və onların dəyərləri olan bir obyekt oturilmelidir.

Gəlin cehd edək:

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

Verilmiş obyekt:

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

Bu obyektdən istifadə edərək her hansı bir teqi stilize edin.