Associare gli stili CSS a un tag in Angular
Per un elemento HTML possiamo anche impostare un
insieme specifico di stili. Questo viene fatto
con l'aiuto della direttiva ngStyle. A questa
direttiva dovrebbe essere passato un oggetto con proprietà CSS
e i loro valori.
Proviamo:
<div [ngStyle]="{'color': 'red', 'font-size': '20px'}">
text
</div>
Dato l'oggetto:
export class AppComponent {
public obj = {
color: red,
fontSize: '30px',
fontWeight: 'bold'
}
}
Stilizza un tag qualsiasi utilizzando questo oggetto.