Liaison des styles CSS à une balise dans Angular

Pour un élément HTML, nous pouvons également définir un ensemble spécifique de styles. Cela se fait à l'aide de la directive ngStyle. Il faut passer à cette directive un objet avec des propriétés CSS et leurs valeurs.

Essayons :

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

app/app.component.tsexport class AppComponent {
  public obj = {
    color: red,
    fontSize: '30px',
    fontWeight: 'bold'
  }
}