Прывязка CSS стыляў тэгу ў Angular

Для HTML-элемента мы таксама можам задаць і пэўны набор стыляў. Робіцца гэта з дапамогай дырэктывы ngStyle. У гэтую дырэктыву варта перадаваць аб'ект з CSS уласцівасцямі і іх значэннямі.

Давайце паспрабуем:

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

Дадзены аб'ект:

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

Стылізуйце які-небудзь тэг з дапамогай гэтага аб'екта.