Vinculación de estilos CSS a una etiqueta en Angular

Para un elemento HTML, también podemos establecer un conjunto específico de estilos. Esto se hace con la ayuda de la directiva ngStyle. A esta directiva se le debe pasar un objeto con propiedades CSS y sus valores.

Probemos:

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

Dado el objeto:

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

Aplique estilos a alguna etiqueta usando este objeto.