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
  }
});

• ng-class