Exemple
Changement de classe d'un élément <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>
Essayez - le vous - même » Définition et utilisation
Le ng-class directive lie dynamiquement une ou plusieurs classes CSS pour un élément HTML.
La valeur de la ng-class directive peut être une chaîne, un objet ou un tableau.
Si elle est une chaîne, il doit contenir un ou plusieurs, les noms de classes séparées par des espaces.
Comme un objet, il doit contenir des paires clé-valeur, où la clé est une valeur booléenne, et la valeur est le nom de la classe de la classe que vous souhaitez ajouter. La classe ne sera ajoutée si la clé est définie sur true.
En tant que matrice, il peut être une combinaison des deux. Chaque élément du tableau peut être une chaîne ou un objet, décrit comme ci-dessus.
Syntaxe
< element ng-class=" expression "></ element >Pris en charge par tous les éléments HTML.
Paramètre valeurs
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |