JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="test">
  <label ng-class="{'red': inventory.productName == 'false', 'green': inventory.productName == 'true'}">
    <input type="checkbox" class="checkbox" ng-model="inventory.productName" ng-checked='true' ng-true-value="true" ng-false-value="false" ng-click="inventory.addRemoveColumn(inventory.productName,'productInfo.productName', 'PRODUCT NAME')" ng-init="inventory.productName = 'true'"
    />Product Name
  </label>
  <br/>
</div>

CSS

.red {
  color: red;
}

.green {
  color: green;
}

JavaScript

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

app.controller('test', function($scope) {

});