unidades:04_masdirectivas:10_ngclass

<!DOCTYPE html>
<html ng-app="app">
<head>
  <link rel="stylesheet" href="style.css">
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script>
  <script src="script.js"></script>
</head>
<body ng-controller="PruebaController">

  <input ng-model="clasesCss.rojo" type="checkbox">Aplicar estilo Rojo
  <br>
  <input ng-model="clasesCss.subrayado"  type="checkbox">Aplicar estilo Subrayado
  <br>
  <input ng-model="clasesCss.negrita"  type="checkbox">Aplicar estilo Negrita  
  <br>
  <br>
  <div ng-class="clasesCss">Este es un texto con clases dinámicas</div>

</body>
</html>

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

ejemplo de directiva ng-class.

.rojo {
  color: red;
}
.subrayado {
  text-decoration: line-through;
}
.negrita {
  font-weight: bold;
}