Ejemplo
Cambio de clase de 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>
Inténtalo tú mismo " Definición y Uso
La ng-class Directiva se une dinámicamente una o más clases CSS a un elemento HTML.
El valor de la ng-class directiva puede ser una cadena, un objeto o una matriz.
Si se trata de una cadena, debe contener uno o más nombres de clase, separados por un espacio.
Como un objeto, éste debe contener pares de valores clave, donde la clave es un valor booleano, y el valor es el nombre de clase de la clase que desea añadir. Sólo se añadirá a la clase si la clave se establece en true.
Como una matriz, que puede ser una combinación de ambos. Cada elemento de la matriz puede ser una cadena, o un objeto, que se describe como anteriormente.
Sintaxis
< element ng-class=" expression "></ element >Con el apoyo de todos los elementos HTML.
Los valores de los parámetros
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |