Herramientas de usuario

Herramientas del sitio


unidades:04_masdirectivas:10_ngclass

¡Esta es una revisión vieja del documento!


Tabla de Contenidos

4.10 ng-class

La directiva ng-class permite de una forma sencilla añadir y quitar clases CSS a un tag.

La forma de hacerlo es mediante un objeto JavaScript que esté en el $scope. En dicho objeto , el nombre de cada propiedad será el nombre de una clase CSS. Si el valor de dicha propiedad es true se añadirá la clase CSS al tag y si está a false se quitará su clase CSS del tag.

Veamos un ejemplo suponiendo que existen los siguientes estilos:

var app = angular.module("app", []);
   
app.controller("PruebaController", function($scope) {
  $scope.clasesCss={
    rojo:true,
    subrayado:false,
    negrita:true
  }
});

Ejemplo

Referencias

unidades/04_masdirectivas/10_ngclass.1406844681.txt.gz · Última modificación: por admin