Vinculando estilos CSS a uma tag em Angular
Para um elemento HTML, também podemos definir um
conjunto específico de estilos. Isso é feito
com a diretiva ngStyle. Para esta
diretiva, deve ser passado um objeto com propriedades CSS
e seus valores.
Vamos experimentar:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Dado o objeto:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Estilize alguma tag usando este objeto.
