Angular: Empty Fiddle

http://angularjs.org/

by Javier Escalante

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl" class="default-class" ng-style="boolOpt && {'color':'blue'} || {'color': 'red'}"
     ng-class="{'sometimes-class': !boolOpt, 'sometimes-class-2': boolOpt}">
  Hello, {{name}}!
</div>

CSS

/* .default-class{
    display: flex;
    color: blue
} 
.sometimes-class{
    color: red
}

.sometimes-class-2{
    color: green
} */

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.boolOpt = false;
}