AngularJS ng-classDirectiva
Referencia de AngularJSEjemplo de AngularJS
Modificar la clase del 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>
<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>
Pruébalo »
Definición y uso
ng-classLa directiva se utiliza para vincular dinámicamente una o más clases CSS a elementos HTML.
ng-classEl valor de la directiva puede ser una cadena, un objeto o un arreglo.
Si es una cadena, los nombres de varias clases se separan con espacios.
Si es un objeto, se deben utilizar pares clave-valor. La clave es el nombre de la clase que desea agregar, y el valor es un booleano. La clase solo se agregará cuando el valor sea verdadero (true).
Si es un arreglo, puede estar compuesto por una combinación de cadenas u objetos; los elementos del arreglo pueden ser cadenas u objetos.
Sintaxis
<element ng-class="expression"></element>
Todos los elementos HTML admiten esta directiva.
Valores de parámetros
| Valor | Descripción |
|---|---|
| expression | La expresión devuelve uno o más nombres de clase. |
Otras extensiones