unidades:04_masdirectivas:09_ngstyle


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

  Escribe el color del texto (formato HTML):<input ng-model="estilo.color">
  <br>
  Escribe el color del fondo (formato HTML):<input ng-model="estilo.backgroundColor">
  <br>
  <br>
  <div ng-style="estilo">Este es un texto con colores dinámicos</div>

</body>
</html>

var app = angular.module("app", []);
   
app.controller("PruebaController", function($scope) {
  $scope.estilo={
    color:"#FF0000",
    backgroundColor:'yellow'
  }

});

ejemplo de directiva ng-style.