Angular: Empty Fiddle

http://angularjs.org/

by Devidas Kadam

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-app="myApp">
  <div ng-controller="MyCtrl">
 <input type="checkbox"  ng-model="inventory.productName" ng-true-value="true" ng-false-value="false" /><span ng-class = "{'checked': inventory.productName=='true', 'unChecked' : inventory.productName=='false'}">Product Name</span>
                <br/>
                {{inventory.productName}}
</div>

</div>

CSS

.unChecked{
  color:red;
} 
.checked{
  color:green;
}

JavaScript

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

function MyCtrl($scope) {
   $scope.inventory = {};
  $scope.inventory.productName = "true";
}