Bindung von CSS-Stilen an ein Tag in Angular

Für ein HTML-Element können wir auch einen bestimmten Satz von Stilen festlegen. Dies geschieht mit Hilfe der Direktive ngStyle. An diese Direktive sollte ein Objekt mit CSS-Eigenschaften und ihren Werten übergeben werden.

Lassen Sie es uns versuchen:

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

Gegeben ist das Objekt:

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

Stylen Sie ein beliebiges Tag mit Hilfe dieses Objekts.