Esempio
Cambio di classe di un elemento <div>:
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
Prova tu stesso " Definizione e utilizzo
Il ng-class direttiva si lega in modo dinamico di una o più classi CSS a un elemento HTML.
Il valore della ng-class direttiva può essere una stringa, un oggetto, o un array.
Se si tratta di una stringa, deve contenere uno o più nomi di classe, separati da spazi.
Come un oggetto, dovrebbe contenere coppie chiave-valore, dove la chiave è un valore booleano, e il valore è il nome della classe della classe che si desidera aggiungere. La classe sarà aggiunto solo se la chiave è impostata su true.
Come un array, può essere una combinazione di entrambi. Ogni elemento di matrice può essere una stringa o un oggetto, descritto come sopra.
Sintassi
< element ng-class=" expression "></ element >Supportato da tutti gli elementi HTML.
valori dei parametri
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |